Prvek HTML DOM appendChild()
Příklady
Přidání položky do seznamu:
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
Před:
- Coffee
- Tea
Po:
- Coffee
- Tea
- Water
Přesunutí položky z jednoho seznamu do druhého:
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
Před:
- Coffee
- Tea
- Water
- Milk
Po:
- Coffee
- Tea
- Milk
- Water
Další příklady níže.
Definice a použití
Metoda appendChild()
připojí uzel jako posledního potomka uzlu.
Tip: Pokud chcete vytvořit nový odstavec s textem, nezapomeňte vytvořit text jako uzel Text, který připojíte k odstavci a poté přidáte odstavec k dokumentu.
Tuto metodu můžete také použít k přesunutí prvku z jednoho prvku do druhého (viz "Další příklady").
Syntax
node.appendChild(node)
Parametry
Parameter | Description |
node | Required. The node to append. |
Návratová hodnota
Typ | Popis |
Uzel | Připojený uzel |
Další příklady
Vytvořte prvek <p> a připojte jej k prvku <div>:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
Vytvořte prvek <p> a připojte jej k tělu dokumentu:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Metody souvisejících prvků:
Metoda Element hasChildNodes().
Metody souvisejících dokumentů:
Metoda Document createElement().
Podpora prohlížeče
element.appendChild()
je funkce DOM úrovně 1 (1998).
Je plně podporován ve všech prohlížečích:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |