XML DOM replaceChild() పద్ధతి
నిర్వచనం మరియు ఉపయోగం
replaceChild()
కొత్త నోడ్ తో కింది పనితీరు నోడ్ పునఃస్థాపించండి.
కొత్త నోడ్ డాక్యుమెంట్ లో ఉన్న ప్రస్తుత నోడ్ అయినా, లేదా కొత్త నోడ్ సృష్టించవచ్చు.
సలహా:పునఃస్థాపించబడిన కింది పనితీరు నోడ్ ఈ డాక్యుమెంట్ లోని ఏ కొత్త ఎలిమెంట్ లో తర్వాతి చేర్చడానికి ఉపయోగించండి insertBefore() లేదా appendChild() మాధ్యమాలను కలిగించండి, లేదా adoptNode() లేదా importNode() మాధ్యమాలను ఉపయోగించి మరొక డాక్యుమెంట్ లో చేర్చండి.
సింథెక్స్
nodeObject.replaceChild(newchild,oldchild)
పరామితులు
పరామితులు | వివరణ |
---|---|
newchild | అవసరమైన. నోడ్ ఆబ్జెక్ట్. కింది పనితీరు జాబితాలో చేరబెట్టాల్సిన కొత్త నోడ్. |
oldchild | అవసరమైన. నోడ్ ఆబ్జెక్ట్. కింది పనితీరు జాబితాలో పునఃస్థాపించబడే నోడ్. |
టెక్నికల్ వివరణ
DOM వెర్షన్: | Core Level 1 Node Object. డామ్ లెవల్ 3 లో మార్పు. |
---|---|
తిరిగివచ్చే విలువ: | నోడ్ ఆబ్జెక్ట్. పునఃస్థాపించబడిన నోడ్ (oldchild). |
ఉదాహరణ
ఈ కోడ్ "books.xml"ను xmlDocలో లోడ్ చేసి మొదటి <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 x, y, z, i, newNode, newTitle, newText, xmlDoc, txt; xmlDoc = xml.responseXML; txt = ""; x = xmlDoc.documentElement; // ఒక book ఎలమెంట్, title ఎలమెంట్ మరియు టెక్స్ట్ నోడ్ సృష్టించండి newNode = xmlDoc.createElement("book"); newTitle = xmlDoc.createElement("title"); newText = xmlDoc.createTextNode("హలో వరల్డ్"); // టెక్స్ట్ నోడ్ను title ఎలమెంట్లో జతచేయండి newTitle.appendChild(newText); // title ఎలమెంట్ను book ఎలమెంట్లో జతచేయండి newNode.appendChild(newTitle); y = xmlDoc.getElementsByTagName("book")[0]; // కొత్త book ఎలమెంట్ను మొదటి book ఎలమెంట్ని స్థానంలో పెట్టండి x.replaceChild(newNode, y); z = xmlDoc.getElementsByTagName("title"); // ప్రతి శీర్షికను అవుట్పుట్ చేయండి for (i = 0; i < z.length; i++) { txt += z[i].childNodes[0].nodeValue + "<br>"; {} document.getElementById("demo").innerHTML = txt; {}
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 replaceChild()
方法。