HTML DOM appendChild() Method

Örnek

Listedeki bir öğeyi ekleyin:

var node = document.createElement("LI");                 // Create a <li> node
var textnode = document.createTextNode("Water");         // Create a text node
node.appendChild(textnode);                              // Append the text to <li>
document.getElementById("myList").appendChild(node);     // Append <li> to <ul> with id="myList"

ekleme önce:

Coffee
Tea

ekleme sonra:

Coffee
Tea
Water

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

appendChild() yöntemi, bir düğümün son çocuk düğüm ekler.

İpucu: metin ile yeni bir paragraf oluşturmak istiyorsanız, belgeye paragrafı o zaman, paragrafın eklenecek bir metin düğümü olarak metin oluşturmak eklemek unutmayın.

Ayrıca başka bir öğeden bir öğe taşımak için bu yöntemi kullanabilirsiniz (See "More Examples") .

İpucu: kullan insertBefore() Belirtilen mevcut, çocuk düğüm önce yeni bir alt düğüm eklemek için yöntem.

Tarayıcı Desteği

Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.

Yöntem
appendChild()	Evet	Evet	Evet	Evet	Evet

Sözdizimi

node .appendChild( node )

Parametre Değerleri

Parametre	tip	Açıklama
node	Node object	Gereklidir. Eğer eklemek istediğiniz düğüm nesnesi

Teknik detaylar

Geri dönüş değeri:	ekteki düğümü temsil eden bir düğüm nesnesi,
DOM Sürüm	Çekirdek Seviye 1 Düğüm Nesne

Diğer Örnekler

Örnek

bir listeden başka bir liste öğesini taşıyın:

var node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

ekleme önce:

Coffee
Tea

Water
Milk

ekleme sonra:

Coffee
Tea
Milk

Water

Kendin dene "

Örnek

Bir oluşturun <p> elemanı ve bir sonuna ekler <div> elemanı:

var para = document.createElement("P");                       // Create a <p> node
var t = document.createTextNode("This is a paragraph.");      // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.getElementById("myDIV").appendChild(para);           // Append <p> to <div> with id="myDIV"

Kendin dene "

Örnek

Bir oluşturun <p> Bazı metin ile eleman ve doküman gövdesi sonuna ekler:

var x = document.createElement("P");                        // Create a <p> node
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>

Kendin dene "