属性节点的 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 接口扩展了Node。这已更改，因此您不能再使用 Node 方法。但是，name 和 value 属性仍然存在。

Answer 2

选择器

var path = 'abc/@abc_attr';

返回属性节点（Attr），它本质上根本不可能有子节点，Mozilla 开发人员（猜测）有理由使属性不推荐使用 hasChildNodes()。

选择器

var path = 'abc[@abc_attr]'

返回节点元素（Element）

示例：

http://jsbin.com/udugug/1

规范链接在这里有点亮点：

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