Ultimele tutoriale de dezvoltare web
 

HTML DOM insertBefore() Method

<Element Object

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

Exemple

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 »

<Element Object