Metoda HTML DOM insertBefore
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]);
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
Przed dodaniem:
- Coffee Tea
- Water
- Milk
Po dodaniu:
- Milk
- Coffee
- Tea
- Water
Spróbuj »
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ł |
---|