javascript - 属性节点的 hasChildNodes() 为 Chrome 和 Firefox 返回不同的结果

Question

在 Chrome 和 Firefox 中分别检查这个 jsfiddle:http://jsfiddle.net/9aE2p/1/

这里也粘贴相同的代码:

var xmlStr = '<?xml version="1.0" encoding="UTF-8"?><abc abc_attr="abc_attr_value"><abc_child abc_child_attr="abc_child_attr_value1"/><abc_child abc_child_attr="abc_child_attr_value2"/></abc>';

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xmlStr, "text/xml");

var path = 'abc/@abc_attr';

var nodes = xmlDoc.evaluate(path, xmlDoc, null, XPathResult.ANY_TYPE, null);

var result = nodes.iterateNext();

while (result) {
    var textContent = '<BR>result.textContent: "' + result.textContent + '"';
    var nodeType = '<BR>result.nodeType: "' + result.nodeType + '"';
    var resultHasChildren = '<BR>result.hasChildNodes(): ' + result.hasChildNodes();

    document.write(nodeType);
    document.write(textContent);
    document.write(resultHasChildren);

    result = nodes.iterateNext();
}

我注意到 hasChildNodes() 对 Firefox 返回 false，对 Chrome 返回 true。

如果 nodeType是一个属性节点，那么在 Chrome 中它有一个具有实际值的子节点。但在 Firefox 中，它没有任何子节点，值存储在属性节点本身中。

我很想知道是否有关于这种细微差别的任何文档？

我已经检查了以下文档，但找不到任何此类细节:

https://developer.mozilla.org/en-US/docs/DOM/Node.hasChildNodes

http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-810594187

Answer 1

正如刚刚在我的评论中发布的那样，我认为这与 DOM4 中与以前版本相比属性实现方式的变化有关。

• Link to Attr interface documentation on Mozilla Developer Network, MDN

在以前的版本中，Attr 接口(interface)扩展了 Node。这已更改，因此您不能再使用 Node 方法。但是，name 和 value 属性仍然存在。