HTML DOM Element appendChild()
Voorbeelde
Voeg 'n item by 'n lys:
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
- Coffee
- Tea
- Coffee
- Tea
- Water
Skuif 'n item van een lys na 'n ander:
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
- Coffee
- Tea
- Water
- Milk
- Coffee
- Tea
- Milk
- Water
Meer voorbeelde hieronder.
Definisie en gebruik
Die appendChild()
metode voeg 'n nodus by as die laaste kind van 'n nodus.
Wenk: As jy 'n nuwe paragraaf wil skep, met teks, onthou om die teks as 'n Teksnodus te skep wat jy by die paragraaf voeg, voeg dan die paragraaf by die dokument.
Jy kan ook hierdie metode gebruik om 'n element van een element na 'n ander te skuif (Sien "Meer voorbeelde").
Sintaksis
node.appendChild(node)
Grense
Parameter | Description |
node | Required. The node to append. |
Terugkeerwaarde
Tik | Beskrywing |
Nodus | Die aangehegte nodus |
Meer voorbeelde
Skep 'n <p>-element en voeg dit by 'n <div>-element:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
Skep 'n <p>-element en voeg dit by die dokument se liggaam:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Verwante elementmetodes:
Die Element removeChild() Metode
Die Element replaceChild() Metode
Die Element hasChildNodes() Metode
Verwante dokumentmetodes:
Die Document createElement() Metode
Die Document createTextNode() Metode
Blaaierondersteuning
element.appendChild()
is 'n DOM Vlak 1 (1998) kenmerk.
Dit word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |