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