HTML DOM appendChild() Method

Exemplu

Adăugați un element dintr-o listă:

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"

Înainte de adăugarea:

Coffee
Tea

După adăugarea:

Coffee
Tea
Water

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

appendChild() metoda atașează un nod ca ultimul copil al unui nod.

Sfat: Dacă doriți creați un nou alineat, cu text, amintiți - vă pentru a crea textul ca un nod text pe care o adăugați la paragraful, apoi adăugați la punctul la document.

Puteți utiliza , de asemenea , această metodă pentru a muta un element de la un element la altul (See "More Examples") A se (See "More Examples") .

Sfat: utilizați insertBefore() metoda de a introduce un nou nod copil înainte de a, existente, nodul specificat copil.

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.

Metodă
appendChild()	da	da	da	da	da

Sintaxă

node .appendChild( node )

Valorile parametrilor

Parametru	Tip	Descriere
node	Node object	Necesar. Obiectul nod pe care doriți să adăugați

Detalii tehnice

Întoarcere Valoare:	Un obiect de Nod, reprezentând nodul anexat
DOM Versiunea	Nivelul Core 1 Nod Obiect

Mai multe exemple

Exemplu

Mutarea unui element de listă dintr-o listă la alta:

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

Înainte de adăugarea:

Coffee
Tea

Water
Milk

După adăugarea:

Coffee
Tea
Milk

Water

Încearcă - l singur »

Exemplu

Crearea unui <p> element și adăugați - l la un <div> Element:

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"

Încearcă - l singur »

Exemplu

Crearea unui <p> Element cu un text și adăugați - l la sfârșitul corpului documentului:

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>

Încearcă - l singur »

HTML DOM de referință: href="met_node_insertbefore.html"> element . insertBefore() Method href="met_node_insertbefore.html"> element . insertBefore() Method

HTML DOM de referință: href="met_node_removechild.html"> element . removeChild() Method href="met_node_removechild.html"> element . removeChild() Method

HTML DOM de referință: href="met_node_replacechild.html"> element . replaceChild() Method href="met_node_replacechild.html"> element . replaceChild() Method

HTML DOM referință: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method

HTML DOM referință: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method

HTML DOM referință: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method

HTML DOM referință: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method

<Element Object