एक्सएमएल डॉम नोड निर्धारित करना

नोडों को नोड के बीच के संबंधों के द्वारा पोजिशनिंग किया जा सकता है।

नोड DOM पोजिशनिंग

नोड संबंधों के द्वारा नोड ट्री में नोडों को पहुँचने के लिए, आमतौर पर "नोड पोजिशनिंग" (या नाविगेशन नोड, navigating nodes) कहा जाता है।

XML DOM में, नोड संबंधों को नोड के गुणों के रूप में परिभाषित किया जाता है:

  • parentNode
  • childNodes
  • firstChild
  • lastChild
  • nextSibling
  • previousSibling

नीचे का चित्र books.xml एक नोड ट्री के एक हिस्सा है, और नोड के बीच के संबंधों को स्पष्ट करता है:

डॉम नोड ट्री

DOM - पैरेंट नोड

सभी नोड एक ही पैरेंट नोड के साथ होते हैं। नीचे का कोड <book> के पैरेंट नोड को नाविगेशन करता है:

उदाहरण

function myFunction(xml) {
var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("book")[0];
    document.getElementById("demo").innerHTML = x.parentNode.nodeName;
}

आप खुद सिफ़ारिश करें

उदाहरण व्याख्या:

  1. जोड़े books.xml लोड करें xmlDoc में
  2. पहला <book> एलिमेंट प्राप्त करें
  3. एक "x" के पैरेंट नोड का नोड नाम आउटपुट करें

खाली टेक्स्ट नोड से बचना

कुछ ब्राउज़र खाली या लिने इडेंटिफायर्स को टेक्स्ट नोड के रूप में देख सकते हैं। इससे निम्नलिखित गुणों का उपयोग करते समय समस्या पैदा होती है:

  • firstChild
  • lastChild
  • nextSibling
  • previousSibling

टेक्स्ट नोड (एलिमेंट नोड के बीच के खाली जगह और लिने इडेंटिफायर्स) पर नाविगेशन को बचाने के लिए, हम एक फ़ंक्शन का उपयोग करते हैं:

function get_nextSibling(n) {}}
    var y = n.nextSibling;
    while (y.nodeType != 1) {
        y = y.nextSibling;
    }
    return y;
}

उपरोक्त फ़ंक्शन के साथ, हम get_nextSibling(node) का उपयोग करके node.nextSibling गुण के स्थान पर प्रयोग कर सकते हैं।

कोड व्याख्या:

एलीमेंट नोड का प्रकार 1 है। यदि समान स्तर के नोड एलीमेंट नोड नहीं हैं, तो अगले नोड को जाएं, जब तक एलीमेंट नोड नहीं मिले।

पहले संबंधित एलीमेंट को प्राप्त करें

नीचे दिए गए कोड पहले <book> के पहले एलीमेंट नोड को दिखाता है:

उदाहरण

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
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 x = get_firstChild(xmlDoc.getElementsByTagName("book")[0]);
    document.getElementById("demo").innerHTML = x.nodeName;
}
// पहले नोड को एलीमेंट नोड है की जाँच करें
function get_firstChild(n) {
    var y = n.firstChild;
    while (y.nodeType != 1) {
        y = y.nextSibling;
    }
    return y;
}
</script>
</body>
</html>

आप खुद सिफ़ारिश करें

उदाहरण व्याख्या:

  1. जोड़े books.xml xmlDoc में लोड करें
  2. पहले <book> एलीमेंट नोड पर get_firstChild फ़ंक्शन का उपयोग करके पहले संबंधित एलीमेंट नोड को प्राप्त करें
  3. पहले संबंधित नोड के नाम को आउटपुट करें

अधिक उदाहरण

lastChild()
lastChild() और स्वयंगत फ़ंक्शन के द्वारा नोड के अंतिम संबंधित नोड को प्राप्त करने के लिए उपयोग करें।
nextSibling()
nextSibling() विधि और स्वयंभाविक फ़ंक्शन का उपयोग करके नोड के अगले साथी नोड को प्राप्त करने के लिए
previousSibling()
previousSibling() विधि और स्वयंभाविक फ़ंक्शन का उपयोग करके नोड के पिछले साथी नोड को प्राप्त करने के लिए