DOM 文檔對象模型

DOM是啥？

Document Object Model 文檔對象模型

維基百科
https://en.wikipedia.org/wiki/Document_Object_Model

The Document Object Model (DOM) is a cross-platform and language-independent application programming interface that treats an HTML, XHTML, or XML document as a tree structure wherein each node is an object representing a part of the document. The objects can be manipulated programmatically and any visible changes occurring as a result may then be reflected in the display of the document.

文檔對象模型是一個跨平臺和語言無關的應用程序接口。它把HTML，XHTML或XML文檔表示成一種樹形結構，其中，每一個節點都是表明文檔一個部分的對象。能夠以編程的方式操做這些對象而且任何看得見的改變都會直接反應在文檔的展現上。

分析：

1. dom是對象： 既然是對象了，那麼就能夠經過js來操做；
2. 樹形結構： 樹形說明其各個節點間是有父子兄弟這樣的關係，那麼應該會提供經過一個節點查詢相關節點的api
3. 對dom的修改會直接反饋在ui上： 那麼咱們js動態化html頁面的過程其實也就是dom的操做過程
4. 習慣用jquery強大的選擇器和dom操做以外，原生的dom接口也要好好熟悉下哇