Exemplu
Se introduce un nou <li> elementul înainte de primul element copil al unui <ul> Element:
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>
Înainte de a introduce:
- Coffee
- Tea
După introducerea:
- Water
- Coffee
- Tea
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
insertBefore() metoda introduce un nod ca un copil, chiar înainte de un copil existent, pe care îl specificați.
Sfat: Dacă doriți să creați un nou element din listă, cu text, amintiți - vă pentru a crea textul ca un nod text pe care îl adăugați la <li> elementul, apoi introduceți <li> la lista.
Puteți utiliza , de asemenea , metoda insertBefore pentru a insera / muta un element existent (See "More Examples") A se (See "More Examples") .
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.
Metodă | |||||
---|---|---|---|---|---|
insertBefore() | da | da | da | da | da |
Sintaxă
Valorile parametrilor Parametru Tip Descriere newnode Node object Necesar. Obiectul nod pe care doriți să inserați existingnode Node object Opțional. Nodul copil pe care doriți să inserați noul nod înainte. Atunci când nu este specificat, metoda insertBefore va introduce newNode la sfârșitul anului
Detalii tehnice
Întoarcere Valoare: Un obiect de nod, reprezentând nodul inserat DOM Versiunea Nivelul Core 1 Nod Obiect
Mai multe exemple
Exemplu
Mutarea unui <li> elemente dintr - o listă în alta:
var node = document.getElementById("myList2").lastChild;
var
list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]); Înainte de a introduce:
- Coffee
- Tea
- Water
- Milk
După insertBefore:
- Milk
- Coffee
- Tea
- Water
Încearcă - l singur »