Metodo HTML DOM insertBefore()
Esempio
Inserisci un nuovo elemento <li> prima del primo elemento figlio di un elemento <ul>:
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>
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il metodo insertBefore() inserisce un nodo come figlio, subito prima di un figlio esistente, che specifichi.
Suggerimento: se vuoi creare un nuovo elemento dell'elenco, con del testo, ricorda di creare il testo come nodo Testo che aggiungi all'elemento <li>, quindi inserisci <li> nell'elenco.
Puoi anche usare il metodo insertBefore per inserire/spostare un elemento esistente (vedi "Altri esempi").
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
Method | |||||
---|---|---|---|---|---|
insertBefore() | Yes | Yes | Yes | Yes | Yes |
Sintassi
node.insertBefore(newnode, existingnode)
Valori dei parametri
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 |
Dettagli tecnici
Valore di ritorno: | Un oggetto nodo, che rappresenta il nodo inserito |
---|---|
Versione DOM | Oggetto nodo di livello 1 principale |
Altri esempi
Esempio
Sposta un elemento <li> da un elenco all'altro:
var node = document.getElementById("myList2").lastChild;
var list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]);