DOM(3)：document object model（文檔對(duì)象模型）

1、七種節(jié)點(diǎn)類(lèi)型：1元素節(jié)點(diǎn)(ELEMENT_NODE)；3文本節(jié)點(diǎn)(TEXT_NODE)；7XML文檔相關(guān)(PROCESSING_INSTRUCTION_NODE)；8注釋節(jié)點(diǎn)(COMMENT_NODE)；9文檔節(jié)點(diǎn)(DOCUMENT_NODE)；10文檔類(lèi)型節(jié)點(diǎn)(DOCUMENT_TYPE_NODE)；11文檔片段節(jié)點(diǎn)(DOCUMENT_FRAGMENT_NODE)。括號(hào)里為常量

2、HTMLCollection與NodeList的區(qū)別：

①HTMLCollection實(shí)例對(duì)象的成員只能是Element節(jié)點(diǎn)，NodeList實(shí)例對(duì)象的成員可以包含其他節(jié)點(diǎn)。

②HTMLCollection實(shí)例對(duì)象可以用id屬性或name屬性引用節(jié)點(diǎn)元素，沒(méi)有forEach方法；NodeList只能使用數(shù)字索引引用。

③querySelectorAll 返回的是 NodeList ，但是實(shí)際上是元素集合，并且是靜態(tài)的，其他接口返回的HTMLCollection和NodeList都是動(dòng)態(tài)的，即取得的結(jié)果會(huì)隨著相應(yīng)元素的增減而增減。

④node.childNodes 結(jié)果返回類(lèi)型是 NodeList，node.children 結(jié)果返回類(lèi)型是 HTMLCollection。

3、使用node.nodeName屬性時(shí)，除了svg是小寫(xiě)，其余元素節(jié)點(diǎn)的屬性值全部為大寫(xiě)的標(biāo)簽名(字符串)。

4、虛擬DOM：非真實(shí)的DOM，即在 js 中用HTML的格式寫(xiě)的一個(gè)對(duì)象就是虛擬 DOM。（表示DOM節(jié)點(diǎn)的對(duì)象）