Method ya HTML DOM Element insertBefore()

Uamea na Kusia

insertBefore() Method inayotumia kuingiza mtoto kwenye mtoto wa hivi karibuni kwa sababu ya mwingine.

Tazama pia:

Method ya appendChild()

Method ya replaceChild()

Method ya removeChild()

Method ya remove()

Majukuu ya childNodes

Majukuu ya firstChild

Majukuu ya lastChild

Majukuu ya firstElementChild

Majukuu ya lastElementChild

Mfano

Mfano 1

  1. Kumekisha elementi la <li>
  2. Kumekisha node ya ujumbe
  3. Wingiza ujumbe kwenye elementi la <li>
  4. Ingiza elementi la <ul> kwenye elementi wa kwanza cha mtoto hivi: <li>
const newNode = document.createElement("li");
const textNode = document.createTextNode("Mwanga");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);

Mtafiti kwa kufikia

Mfano 2

Inaingiza kiungo cha kufikia kwenye mawingu wa kwanza:

const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, list.children[0]);

Mtafiti kwa kufikia

Mfano 3

Inaingiza kiungo cha kufikia kwenye mawingu ya mpya:

const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, null);

Mtafiti kwa kufikia

Inafaa kuona

element.insertBefore(newnode, existingnode)

au

node.insertBefore(newnode, existingnode)

Chaguo

Chaguo Maelezo
newnode Gharama. Kitu kilichotumiwa kuingizwa (kina).
existingnode

Chaguo. Ingiza mwenyeji wa mti wa mpya kwenye mwenyeji wa mpya kabla yake.

Ikiwa hayo hayafanyiwa, mpangilio wa insertBefore hupinga kuingiza newnode kwenye mfuniko wa kufikia.

Matokeo

Aina Maelezo
Kitu Kitu kilichotumiwa kuingizwa.

Msaada wa kufungua vitu vya mawasiliano

element.insertBefore() Ni mafano ya DOM Level 1 (1998).

Wote vitu vya kufungua vyombo vya mawasiliano vya wote vinapatikana kufungua kwa uwanja wa kina:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Msaada 9-11 Msaada Msaada Msaada Msaada