HTML DOM insertBefore() Metode
Voorbeeld
Voeg 'n nuwe <li>-element voor die eerste onderliggende element van 'n <ul>-element in:
var newItem = document.createElement("LI"); // Create a <li> node
var textnode = document.createTextNode("Water"); // Create a text node
newItem.appendChild(textnode); // Append the text to <li>
var list = document.getElementById("myList"); // Get the <ul> element to insert a new node
list.insertBefore(newItem, list.childNodes[0]); // Insert <li> before the first child of <ul>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die insertBefore()-metode voeg 'n nodus as 'n kind in, reg voor 'n bestaande kind, wat jy spesifiseer.
Wenk: As jy 'n nuwe lysitem met teks wil skep, onthou om die teks as 'n Teksnodus te skep wat jy by die <li>-element voeg, en voeg dan <li> by die lys in.
Jy kan ook die insertBefore-metode gebruik om 'n bestaande element in te voeg/skuif (Sien "Meer voorbeelde").
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
Method | |||||
---|---|---|---|---|---|
insertBefore() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.insertBefore(newnode, existingnode)
Parameterwaardes
Parameter | Type | Description |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | Node object | Required. The child node you want to insert the new node before. If set to
null , the insertBefore method will insert the newnode at the end |
Tegniese besonderhede
Terugkeerwaarde: | 'n Node-objek, wat die ingevoegde nodus verteenwoordig |
---|---|
DOM weergawe | Kernvlak 1 Node-objek |
Meer voorbeelde
Voorbeeld
Skuif 'n <li>-element van een lys na 'n ander:
var node = document.getElementById("myList2").lastChild;
var list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]);