Esempio
Inserire un nuovo <li> elemento prima del primo elemento figlio di un <ul> elemento:
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>Prima di inserire:
- Coffee
- Tea
Dopo aver inserito:
- Water
- Coffee
- Tea
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
insertBefore() metodo inserisce un nodo come un bambino, a destra prima di un elemento secondario, che si specifica.
Suggerimento: Se si desidera creare un nuovo elemento della lista, con testo, ricordarsi di creare il testo come un nodo di testo, che si aggiunge al <li> elemento, quindi inserire <li> alla lista.
È inoltre possibile utilizzare il metodo insertBefore per inserire / spostare un elemento esistente (See "More Examples") .
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| insertBefore() | sì | sì | sì | sì | sì |
Sintassi
valori dei parametri Parametro Tipo Descrizione newnode Node object Necessario. L'oggetto nodo che si desidera inserire existingnode Node object Opzionale. Il nodo figlio si desidera inserire il nuovo nodo prima. Quando non specificato, il metodo insertBefore inserirà la nuovo_nodo alla fine
Dettagli tecnici
Valore di ritorno: Un oggetto Node, che rappresenta il nodo inserito DOM Version Nucleo Livello 1 Nodo Oggetto
Altri esempi
Esempio
Spostare un <li> elemento da una lista all'altra:
var node = document.getElementById("myList2").lastChild;
var
list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]); Prima di inserire:
- Coffee
- Tea
- Water
- Milk
Dopo insertBefore:
- Milk
- Coffee
- Tea
- Water
Prova tu stesso "