注释类型节点,一般不主动创建。和文本类型一样继承自 CharacterData 基类,除了 splitText() 之外拥有其他所有 Text节点的方法。
注释的实际内容可以通过 nodeValue 或 data 获得
document.createComment() 可以创建注释节点
XML 中特有的 CDATA 区块
可以用 createCDataSection() 创建并传入节点内容创建
就是 HTML 最上面声明的那一行 主要使用 name 属性,就是紧跟着 DOCYPE
后的内容,前面的代码中 name
就是 html 。 只有 name 是有用的。
文档片段类型。和 React 的 Fragement 节点很像,它本身并不会添加到文档树当中,而是起到一个辅助作用。如果把它通过 appendChild 添加到一个父节点中, 实际上会把它包含的子节点添加到父节点中。
可以用来减少渲染次数,例如用它包裹着 3 个
- 标签,页面会一次性把它们三个添加进去,一次渲染。
元素数据在 DOM 中通过 Attr 类型表示。属性是存在于元素 attributes 属性中的节点
属性节点尽管是节点,但它不被认为是 DOM 文档树的一部分。Attr 节点很少直接被引用,更推荐使用 getAttribute()、removeAttribute()和setAttribute()方法操作属性。
使用 document.createAttrbute() 可以创还能一个 Attr 节点,参数是属性名,可以直接引用赋值,例如:
let attr = document.createAttrbute('align');
attr.value = 'left';
element.setAttributeNode(attr);
可以这样做,但是不常用。更推荐上面说的三个方法。