DOM

DOM(3)：document object model（文档对象模型）

1、七种节点类型：1元素节点(ELEMENT_NODE)；3文本节点(TEXT_NODE)；7XML文档相关(PROCESSING_INSTRUCTION_NODE)；8注释节点(COMMENT_NODE)；9文档节点(DOCUMENT_NODE)；10文档类型节点(DOCUMENT_TYPE_NODE)；11文档片段节点(DOCUMENT_FRAGMENT_NODE)。括号里为常量

---

2、HTMLCollection与NodeList的区别：

①HTMLCollection实例对象的成员只能是Element节点，NodeList实例对象的成员可以包含其他节点。

②HTMLCollection实例对象可以用id属性或name属性引用节点元素，没有forEach方法；NodeList只能使用数字索引引用。

③querySelectorAll 返回的是 NodeList ，但是实际上是元素集合，并且是静态的，其他接口返回的HTMLCollection和NodeList都是动态的，即取得的结果会随着相应元素的增减而增减。

④node.childNodes 结果返回类型是 NodeList，node.children 结果返回类型是 HTMLCollection。

---

3、使用node.nodeName属性时，除了svg是小写，其余元素节点的属性值全部为大写的标签名(字符串)。

---

4、虚拟DOM：非真实的DOM，即在 js 中用HTML的格式写的一个对象就是虚拟 DOM。（表示DOM节点的对象）