HTML DOM Element insertBefore() hanyar

Kira da amfani

insertBefore() Hanyar kara ƙarshe a ya ƙarƙa ƙarshe yana ƙarƙa.

Kara bayan:

appendChild() hanyar

replaceChild() hanyar

removeChild() hanyar

remove() hanyar

childNodes hanyar

firstChild hanyar

lastChild hanyar

firstElementChild hanyar

lastElementChild hanyar

Tasiri

Tasiri 1

  1. Anfani <li> ƙarshe
  2. Anfani text node
  3. Akaice text na <li> ƙarshe
  4. Koyi <ul> ƙarshe na ƙarshe koyi <li>
const newNode = document.createElement("li");
const textNode = document.createTextNode("Water");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);

亲自试一试

Ƙarami 2

koma abin da ke karshe daga yanzu ƙwanan ƙwanan da kaiwa:

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

亲自试一试

Ƙarami 3

koma abin da ke karshe daga yanzu ƙwanan ƙwanan da kaiwa:

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

亲自试一试

kuma

element.insertBefore(newnode, existingnode)

tama

node.insertBefore(newnode, existingnode)

gudanarwa

gudanarwa bayani
newnode dake aiki. kwayar da ake ƙaddamar da ita (ƙwayar).
existingnode

dake aiki. a kaiwa kwayar ƙarshe da kaiwa kwayar ƙarshe a cikin ƙarshe.

idan ba a sanya, kaɗan insertBefore ƙaɗan yana kaiwa a karshe.

gudanarwa

kanin bayani
kwaya tashin harka na kwayan da a yi

takaici a cikin kwayoyin kanta

element.insertBefore() wannan yana da matsakaici DOM Level 1 (1998) ayyuka.

Doka dake kai wa dukkan kwayoyin kanta a cikin kwayoyin kanta:

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