HTML DOM Element insertBefore() మంథ్రం

నిర్వచనం మరియు వినియోగం

insertBefore() ప్రస్తుత కుమార నోడ్లకు ముందు కుమార నోడ్ ప్రవేశపెట్టుము మంథ్రం.

మరింత వివరాలు ఇక్కడ చూడండి:

appendChild() మంథ్రం

replaceChild() మంథ్రం

removeChild() మంథ్రం

remove() మంథ్రం

childNodes అటీవి

firstChild అటీవి

lastChild అటీవి

firstElementChild అటీవి

lastElementChild అటీవి

ఇన్స్టాన్స్

ఉదాహరణ 1

  1. <li> కలయికను సృష్టించండి:
  2. పదబంధ నోడ్ సృష్టించండి:
  3. పదబంధాన్ని <li> కలయికకు జతచేయండి:
  4. ప్రథమ <ul> కింది కలయిక ముందు <li> కలయికను ప్రవేశపెట్టుము:
const newNode = document.createElement("li");
const textNode = document.createTextNode("నీరు");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);

亲自试一试

例子 2

将最后一个元素从一个列表移动到另一个列表的开头：

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

亲自试一试

例子 3

将最后一个元素从一个列表移动到另一个列表的末尾：

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

亲自试一试

语法

element.insertBefore(newnode, existingnode)

或

node.insertBefore(newnode, existingnode)

参数

参数 వర్ణన
newnode 必需。要插入的节点（元素）。
existingnode

可选。在其之前插入新节点的子节点。

ఏదైనా నిర్దేశించబడలేకపోతే, insertBefore పద్ధతి newnode చివరికి జతచేస్తుంది.

తిరిగి వచ్చే విలువ

రకం వర్ణన
నోడ్ జట్టులో ప్రవేశించిన నోడ్.

బ్రౌజర్ మద్దతు

element.insertBefore() ఇది DOM Level 1 (1998) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు చేస్తాయి:

చ్రోమ్ ఐఈ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఐఈ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు