Finding immediate children of an XML node_问答_开发者

Finding immediate children of an XML node

开发者 https://www.devze.com 2023-01-30 10:19 出处：网络

Suppose I have the following XML <building> <phonenumber></phonenumber> <room> <phonenumber></phonenumber>

相关专题：javascript xml

Suppose I have the following XML

<building>
    <phonenumber></phonenumber>
    <room>
        <phonenumber></phonenumber>
    </room>
</building>

Using building.getElementsByTagName('phonenumber'), I also get the <phonenumber> node under <room>.

How can I choose only 开发者_如何学运维the immediate <phonenumber> node under building?

Well, I cheated and used jQuery. Then again, doesn't everyone???

<html>
<body>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script language="javascript" type="text/javascript">
google.load("jquery", "1.4.4");
</script>

<script language="javascript" type="text/javascript">
// taken from http://plugins.jquery.com/project/createXMLDocument so that I could
// play with the xml in a stringy way
jQuery.createXMLDocument = function(string) {
    var browserName = navigator.appName;
    var doc;
    if (browserName == 'Microsoft Internet Explorer') {
        doc = new ActiveXObject('Microsoft.XMLDOM');
        doc.async = 'false'
        doc.loadXML(string);
    }
    else {
        doc = (new DOMParser()).parseFromString(string, 'text/xml');
    }
    return doc;
}

// here's the relevant code to your problem
var txtXml = "<building><phonenumber>1234567890</phonenumber><room><phonenumber>NO!</phonenumber></room></building>";
var doc = $.createXMLDocument(txtXml);
$(doc).find('building').children('phonenumber').each(function() {
    var phn = $(this).text();
    alert(phn);
});
</script>

</body>
</html>

This can't be done with getElementsByTagName alone, since it always searches the entire subtree beneath the element.

You could try using XPATH, or just loop through the immediate children of <building>:

function getPhoneNumber() {
    var building = document.getElementsByTagName("building")[0];
    for (var i = 0; i < building.childNodes.length; i++) {
        if (building.childNodes[i].tagName == "PHONENUMBER") {
            return building.childNodes[i];
        }
    }
    return undefined;
}