使用 javascript 从 XML 字符串中获取节点值

Posted 2023-05-07

【中文标题】使用 javascript 从 XML 字符串中获取节点值

【英文标题】：Getting node value from XML string using javascript

【发布时间】：2015-02-20 16:23:33

【问题描述】：

我正在尝试从 XML 字符串中检索“代码”和“值”。

我有以下 XML 字符串：

<items>
    <item>
            <id>55</id>
            <attributes>
                <attribute>
                    <code>ID</code>
                    <value><![CDATA[55]]></value>
                </attribute>
                <attribute>
                    <code>Chip_ID</code>
                    <value><![CDATA[1]]></value>
                </attribute>
                <attribute>
                    <code>FilterKey</code>
                    <value><![CDATA[5]]></value>
                </attribute>
                <attribute>
                    <code>DateTime</code>
                    <value><![CDATA[22/12/2014 12:21:25]]></value>
                </attribute>
            </attributes>
    </item>
</items>

然后我有以下 javascript 来识别每个节点：

var xmlDocument = new ActiveXObject('Microsoft.XMLDOM');
xmlDocument.async = false;
xmlDocument.loadXML(pXML);

var oFirstNode = xmlDocument.documentElement;

var item = oFirstNode.childNodes[0]; //10 of these and they represent the items
 //alert("1 "+item.nodeName);

var ID = item.childNodes[0]; //one of these for each level-ID - NO CHILDREN
var attributes = item.childNodes[1]; //one of these for each level-attributes
//alert("2 " + ID.nodeName);
//alert("2 " + attributes.nodeName);

var attribute = attributes.childNodes[0];//4 of these for each level and they all have 2 children-code and value
//alert("3 " + attribute.nodeName);

var code = attribute.childNodes[0];
var value = attribute.childNodes[1];

alert(code.nodeName);
alert(value.nodeName);

我知道我在正确的节点，因为警报框都给出了预期值。

我现在想检索“code”和“value”的文本，例如第一个条目应该返回 code = ID 值 = ![CDATA[55]]

我试过了：

alert(code.nodeValue);
alert(value.nodeValue);

但它们都返回 null。

【参考方案1】：

DOM 元素的.nodeValue 属性是always null。

请改用.textContent。

alert(code.textContent);

我还建议使用不需要按索引筛选每个单独的子节点的 DOM 遍历方法：

var attributes = item.getElementsByTagName("attribute"); // should contain 4 elements

另见：nodeValue vs innerhtml and textContent. How to choose?

【讨论】：

还是不行，它不会识别getElementsByTagName

@user2970105 code.textContent 似乎在这里工作：jsfiddle.net/o3cp2wc5（我使用 jQuery 来解析 XML，因为我的浏览器不支持 ActiveXObject）。你用的是什么版本的IE？

@user2970105 下面是使用.getElementsByTagName() 选择元素的示例：jsfiddle.net/onjs7kLm

【参考方案2】：

我找到了答案。由于某种原因，它将标签内的值视为元素的子元素，因此 nodeValue 返回我想要的值。以下是我的工作解决方案：

            var xmlDocument = new ActiveXObject('Microsoft.XMLDOM');
            xmlDocument.async = false;
            xmlDocument.loadXML(pXML);

            var oFirstNode = xmlDocument.documentElement;

                var item = oFirstNode.childNodes[0]; //10 of these and they represent the items

                var ID = item.childNodes[0]; //one of these for each level-ID - NO CHILDREN
                var attributes = item.childNodes[1]; //one of these for each level-attributes

                alert(attributes.childNodes.length);

                    var attribute = attributes.childNodes[0];//4 of these for each level and they all have 2 children-code and value
                    //alert("3 " + attribute.nodeName);

                    var code = attribute.childNodes[0];
                    var value = attribute.childNodes[1];

                    alert(code.childNodes[0].nodeValue)
                    alert(value.childNodes[0].nodeValue)