Latest web development tutorials

Metoda HTML DOM appendChild ()

Elementy obiektu obiekt elementu

Przykłady

Dodaj element listy:

document.getElementById("myList").appendChild( newListItem );

Przed dodaniem:

  • Coffee
  • Tea

Po dodaniu:

  • Coffee
  • Tea
  • Water

Spróbuj »

Definicja i Wykorzystanie

Metoda appendChild (), aby dodać nowy węzeł potomny węzła końcu listy węzłów potomnych.

Wskazówka: Jeśli drzewo dokument istnieje już newchild, jest on usuwany z drzewa dokumentu, a następnie włóż ją ponownie w nowej lokalizacji. Jeśli newchild jest DocumentFragment węzeł, to nie zostanie włożona bezpośrednio, ale jej dziecko węzły sekwencyjnie włożona do końca bieżącego węzła childNodes tablicy [].

Można użyć metody appendChild (), aby usunąć element z innym elementem.

Przykłady

Przenieść do elementu listy do innego elementu listy:

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

Przed dodaniem:

  • Coffee
  • Tea
  • Water
  • Milk

Po dodaniu:

  • Coffee
  • Tea
  • Milk
  • Water

Spróbuj »

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Metoda Wszystkie główne przeglądarki obsługują appendChild ()


gramatyka

node .appendChild( node )

parametry

参数 类型 描述
node 节点对象 必须。你要添加的节点对象。

Wartość zwracana

类型 描述
节点对象 添加的节点

dane techniczne

wersja DOM Poziom podstawowy Object 1 Węzeł


Elementy obiektu obiekt elementu