XML DOM firstChild ਪ੍ਰਤੀਭਾ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

firstChild ਪ੍ਰਤੀਭਾ ਵਾਪਸ ਨਿਰਧਾਰਿਤ ਹੋਇਆ ਨੋਡ ਦਾ ਪਹਿਲਾ ਸਬ-ਨੋਡ ਹੈ。

ਗਰਾਫੀ

nodeObject.firstChild

ਧਿਆਨ:Firefox ਅਤੇ ਮਿਆਰੀ ਬਰਾਊਜ਼ਰ ਖਾਲੀ ਜਾਂ ਨਿਊਲਾਈਨ ਨੂੰ ਟੈਕਸਟ ਨੋਡ ਦੇ ਤੌਰ 'ਤੇ ਮੰਨਦੇ ਹਨ, ਜਦਕਿ Internet Explorer ਨਹੀਂ। ਇਸ ਲਈ, ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਜੋ ਪਹਿਲੇ ਸਬ-ਨੋਡ ਦੇ ਨੋਡ ਟਾਈਪ ਨੂੰ ਚੇਕ ਕਰੇ。

ਤੰਤਰ ਨੂੰਦ ਦਾ nodeType 1 ਹੈ ਇਸ ਲਈ ਜੇਕਰ ਪਹਿਲੀ ਸਿਫ਼ਟੀ ਤੰਤਰ ਨੂੰ ਨਹੀਂ ਹੈ ਤਾਂ ਅਗਲੇ ਨੂੰਦ ਨੂੰ ਜਾਣੇ ਅਤੇ ਇਹ ਚੈਕ ਕਰੋ ਕਿ ਇਹ ਤੰਤਰ ਨੂੰਦ ਹੈ ਇਹ ਪ੍ਰਕਿਰਿਆ ਜਾਰੀ ਰਹੇਗੀ ਜਦੋਂ ਤੱਕ ਪਹਿਲੀ ਤੰਤਰ ਨੂੰਦ ਨੂੰ ਪ੍ਰਾਪਤ ਨਹੀਂ ਹੋਵੇ (ਇਹ ਤੰਤਰ ਨੂੰਦ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ) ਇਸ ਤਰ੍ਹਾਂ ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਨਤੀਜਾ ਸਹੀ ਹੋਵੇਗਾ।

ਸੁਝਾਅ:ਬਰਾਉਜ਼ਰਾਂ ਦਰਮਿਆਨ ਵੱਖ-ਵੱਖ ਅੰਤਰਾਂ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ XML DOM ਟੂਟੋਰੀਅਲ ਵਿੱਚ DOM ਬਰਾਉਜ਼ਰ ਚੈਪਟਰ ਦੇ ਪਰਚੇ ਨੂੰ ਦੇਖੋ。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਹੇਠ ਲਿਖੇ ਕੋਡ "books.xml" ਨੂੰ xmlDoc ਵਿੱਚ ਲੋਡ ਕਰੇਗਾ ਅਤੇ ਪਹਿਲੀ ਸਿਫ਼ਟੀ ਦੇ ਨੂੰਦ ਨਾਮ ਨੂੰ ਦਿਸਾਵੇਗਾ:

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 get_firstchild(n) {
    var x = n.firstChild;
    while (x.nodeType != 1) {
        x = x.nextSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = get_firstchild(xmlDoc);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName +
    " (nodetype: " + x.nodeType + ")<br>";
}

亲自试一试

ਉਦਾਹਰਣ 2

ਦਸਤਾਵੇਜ਼ ਦੇ ਆਖਰੀ ਸਿਫ਼ਟੀ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

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 get_lastchild(n) {
    var x = n.lastChild;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    // ਦਸਤਾਵੇਜ਼ ਦੇ ਆਖਰੀ ਸਿਫ਼ਟੀ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ
    var x = get_lastchild(xmlDoc);
    // ਪ੍ਰਮੁੱਖ ਤੰਤਰ ਦੇ ਆਖਰੀ ਸਿਫ਼ਟੀ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ
    var y = get_lastchild(xmlDoc.documentElement);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName + 
    " (nodetype: " + x.nodeType + ")<br>" +
    "Nodename: " + y.nodeName + 
    " (nodetype: " + y.nodeType + ")<br>";
}

亲自试一试