XML DOM insertBefore() మాథ్యూడ్

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

insertBefore() ప్రస్తుత నోడ్ యొక్క ప్రత్యేక పిల్లవాడు ముందుకు కొత్త పిల్లవాడు నోడ్ చేరుస్తుంది.

గమనిక:కేవలం newchild ప్రాణికి చెందిన చీలికలో ఉన్నట్లయితే, ముందుగా దానిని తొలగిస్తారు.

సంకేతాలు

nodeObject.insertBefore(newchild,existingnode,

)

) వివరణ
newchild అవసరం. నోడ్ ఆబ్జెక్ట్. చేరుస్తున్న కొత్త పిల్లవాడు నోడ్.
existingnode

అవసరం. నోడ్ ఆబ్జెక్ట్. కొత్త పిల్లవాడు నోడ్ చేరుస్తున్న నోడ్ ముందుకు.

ప్రస్తుత నోడ్ ఖాళీగా ఉన్నట్లయితే, కొత్త పిల్లవాడు పిల్లవాడు జాబితాలో చివరికి చేరుస్తారు.

సాంకేతిక వివరాలు

DOM వెర్షన్: కోర్ లెవల్ 1 నోడ్ ఆబ్జెక్ట్. DOM లెవల్ 3 లో సవరించబడింది.
తిరిగివుంచుది: నోడ్ ఆబ్జెక్ట్. చేరుస్తున్న నోడ్.

ఉదాహరణ

క్రింది కోడ్ "books.xml" లోకి లోడ్ చేస్తుంది, కొత్త <book> నోడ్ సృష్టిస్తుంది మరియు గతికి ముందుకు చేరుస్తుంది:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var newNode = xmlDoc.createElement("book");
    var x = xmlDoc.documentElement;
    var y = xmlDoc.getElementsByTagName("book");
    document.getElementById("demo").innerHTML =
    "Book elements before: " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Book elements after: " + y.length;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

所有主流浏览器都支持 insertBefore() 方法。