XML DOM insertBefore() ਮੰਥਨ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

insertBefore() ਮੰਥਨ ਵਿੱਚ ਮੌਜੂਦਾ ਨੋਡ ਦੇ ਨਿਰਦਿਸ਼ਟ ਉਪ ਨੋਡ ਤੋਂ ਨਵਾਂ ਉਪ ਨੋਡ ਜੋੜਦਾ ਹੈ

ਧਿਆਨ:ਜੇਕਰ newchild ਪਹਿਲਾਂ ਹੀ ਬੁਨਿਆਦੀ ਵਿਸ਼ਵ ਵਿੱਚ ਹੈ ਤਾਂ ਪਹਿਲਾਂ ਹੀ ਉਸਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਵੇਗਾ

ਗਿਆਨ ਵਿਗਿਆਨ

nodeObject.insertBefore(newchild,existingnode,

)

) ਵਰਣਨ
newchild ਲਾਜ਼ਮੀ। ਨੋਡ ਅਬਜੈਕਟ। ਜੋ ਨਵਾਂ ਉਪ ਨੋਡ ਜੋੜਨਾ ਹੈ
existingnode

ਲਾਜ਼ਮੀ। ਨੋਡ ਅਬਜੈਕਟ। ਜਿਸ ਤੋਂ ਪਹਿਲਾਂ ਨਵਾਂ ਉਪ ਨੋਡ ਜੋੜਨਾ ਹੈ

ਜੇਕਰ ਮੌਜੂਦਾ ਨੋਡ ਖਾਲੀ ਹੈ ਤਾਂ ਨਵਾਂ ਉਪ ਨੋਡ ਉਪ ਨੋਡ ਸੂਚੀ ਦੇ ਅੰਤ ਵਿੱਚ ਜੋੜਦਾ ਹੈ

ਤਕਨੀਕੀ ਵੇਰਵਾ

DOM ਵਰਜਨ: ਕੋਰ ਲੈਵਲ 1 ਨੋਡ ਅਬਜੈਕਟ। DOM ਲੈਵਲ 3 ਵਿੱਚ ਸੋਧਿਆ ਗਿਆ
ਬਿਤਾਵਾਂ ਵਾਲਾ ਨੋਡ ਅਬਜੈਕਟ ਹੈ। ਜੋੜੇ ਗਏ ਨੋਡ

ਉਦਾਹਰਣ

ਹੇਠ ਲਿਖੇ ਕੋਡ "books.xml" ਲੋਡ ਕਰਦਾ ਹੈ, ਇੱਕ ਨਵਾਂ <book> ਨੋਡ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਉਸਨੂੰ ਆਖਰੀ <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 =
    ਪੁਸਤਕ ਅੰਗ ਪਹਿਲਾਂ: " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +==
    "Book elements after: " + y.length;
}

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰੱਥ ਸਮਰੱਥ ਸਮਰੱਥ ਸਮਰੱਥ ਸਮਰੱਥ

ਸਾਰੇ ਮੁੱਖ ਬਰਾਉਜ਼ਰ ਸਮਰੱਥ ਹਨ insertBefore() ਮੈਥਾਡ