javascript - HTML 中是否存在属性节点？

Question

谁能给我一个 HTML 中属性节点的例子，它的 nodeType 值为 2？提前致谢。

Answer 1

所有属性节点的类型都必须为 2，因为这是定义 document.ATTRIBUTE_NODE 的类型。

参见 MDN documentation on Attr type :

nodeType
This property now always returns 2 (ATTRIBUTE_NODE).

通用示例:

var attr = document.getElementById('tistheid').attributes[1]
document.getElementById('num').innerHTML = document.ATTRIBUTE_NODE

var output = document.getElementById('output')
output.innerHTML =        'constructor:\t' + attr.constructor.name
                 + '\n' + 'type:\t'        + attr.nodeType
                 + '\n' + 'value:\t'       + attr.value

<p id="tistheid" class="tistheclass"></p>
<p>
  This is the value of ATTRIBUTE_NODE: <span id="num"></span>
</p>
<pre id="output">
</pre>

尽管浏览器 vendor 和标准化组织过去曾试图让 Attr 不再继承自 Node，但他们最终还是决定保留 Node 在 Attr 继承链中，由于与旧网站的兼容性问题。但是，作为一名开发人员，现在应该避免在 Attr 上使用从 Node 继承的方法。

编辑 (2017-08-09):WHATWG 再次使 Attr 继承自 Node。相应地更新。