介紹
- 對文檔內容進行抽象和概念化的方法
- 每個載入瀏覽器的 HTML 文檔都會成爲 document 對象。document 對象使我們可以從腳本中對 HTML 頁面中的所有元素進行訪問。
- 以前不同瀏覽器環境中的DOM腳本代碼可能不同 -> W3C制定標準DOM
- 工作模式：先加載文檔中的靜態內容，再動態刷新，動態刷新不影響文檔的靜態內容。
節點
- DOM把一份文檔表示爲一棵樹，樹上有各種節點，每個節點都是一個對象。
- 分類
- 元素節點
- 屬性節點
- 文本節點
- 方法
| 方法 | 用途 | 用法示例 | 返回值 | 注意 |
|---|---|---|---|---|
| getElementById() | 通過id獲取元素 | document.getElementById(id名)； | 對象 | 參數引號包圍 |
| getElementsByTagName() | 通過標籤名獲取元素 | document.getElementsByTagName(標籤名); | 對象數組 | 引號、通配符*作爲參數時，可用length屬性獲取文檔所含元素數 |
| getElementsByClassName() | 通過類名獲取參數 | document.getElementsByClassName(標籤名)； | 對象數組 | 引號、獲取有多個類名的元素時，中間用空格分開類名，順序隨意、瀏覽器不支持時自己編寫該函數 |
| getAttribute | 獲取屬性 | object.getAttribute(屬性名) | 沒有所查屬性時返回null | 只能通過元素節點調用，不屬於document對象 |
| setAttribute | 設置屬性 | object.setAttribute（屬性名，屬性值） | 無 | 只能用於元素節點 |
參考書籍
《JavaScript DOM 編程藝術 第二版》