Latest web development tutorials

Metoda HTML DOM insertBefore

Elementy obiektu obiekt elementu

Przykłady

Dodawanie elementów do listy:

document.getElementById("myList").insertBefore( newItem,existingItem );

Przed dodaniem:

  • Coffee
  • Tea

Po dodaniu:

  • Water
  • Coffee
  • Tea

Spróbuj »

Definicja i Wykorzystanie

Metoda insertBefore () wstawia nowy węzeł potomny przed istniejącego węzła potomnego.

Wskazówka: Jeśli chcesz utworzyć nową listę tekst elementu po elemencie LI należy dodać węzeł tekstowy elementu, a następnie dodać element LI na liście.

Można również użyć metody insertBefore wstawianie / usuwanie elementów, które już istnieją.

Przykłady

Przenieś element listy do innego elementu listy:

var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);

Przed dodaniem:

  • CoffeeTea
  • Water
  • Milk

Po dodaniu:

  • Milk
  • Coffee
  • Tea
  • Water

Spróbuj »

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


gramatyka

node.insertBefore(newnode,existingnode)

parametry

参数 类型 描述
newnode Node object Required. The node object you want to insert
existingnode 节点对象 必须。要添加新的节点前的子节点。

Wartość zwracana

类型 描述
节点对象 The node you inserted

dane techniczne

wersja DOM Poziom podstawowy Object 1 Węzeł


Elementy obiektu obiekt elementu