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()
方法。