XML DOM firstChild ਵਿਸ਼ੇਸ਼ਤਾ

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

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>";
}

亲自试一试