DOM

Node接口

Node.prototype.nodeType

document.nodeType // 9

• 文档节点（document）：9，对应常量Node.DOCUMENT_NODE
• 元素节点（element）：1，对应常量Node.ELEMENT_NODE
• 属性节点（attr）：2，对应常量Node.ATTRIBUTE_NODE
• 文本节点（text）：3，对应常量Node.TEXT_NODE
• 文档片断节点（DocumentFragment）：11，对应常量Node.DOCUMENT_FRAGMENT_NODE
• 文档类型节点（DocumentType）：10，对应常量Node.DOCUMENT_TYPE_NODE
• 注释节点（Comment）：8，对应常量Node.COMMENT_NODE

Node.prototype.nodeName

// HTML 代码如下
// <div id="d1">hello world</div>
var div = document.getElementById('d1');
div.nodeName // "DIV"

• 文档节点（document）：#document
• 元素节点（element）：大写的标签名
• 属性节点（attr）：属性的名称
• 文本节点（text）：#text
• 文档片断节点（DocumentFragment）：#document-fragment
• 文档类型节点（DocumentType）：文档的类型
• 注释节点（Comment）：#comment

  Node.prototype.textContent

  textContent属性返回当前节点和它的所有后代节点的文本内容。 ```javascript // HTML 代码为 //
  This is some text

document.getElementById(‘divA’).textContent // This is some text

textContent属性自动忽略当前节点内部的 HTML 标签，返回所有文本内容。<br />该属性是可读写的，设置该属性的值，会用一个新的文本节点，替换所有原来的子节点。它还有一个好处，就是自动对 HTML 标签转义。这很适合用于用户提供的内容。
```javascript
document.getElementById('foo').textContent = '<p>GoodBye!</p>';