DOM
- 什麼是DOM
- 什麼是節點
- 文檔
什麼是DOM
DOM（Document Object Model），全稱翻譯文檔對象模型。
- D 文檔，一個網頁就是一個文檔，document代表整個網頁。
- O 對象，網頁編譯的每一個部分、標籤、文字都裝換爲可見的對象。一切皆對象。
- M 模型，用來表現對象之間的關係，連接節點與節點。javascript獲取對象離不開模型。可以利用DOM隨心所欲的操作網頁。
什麼是節點
節點：網頁的每一個部分都是節點。分爲文檔節點、元素節點、屬性節點、文本節點。也是對象，給它一個統一名字叫節點。簡單一句話，節點就是用來操作網頁的。
- 文檔節點：整個HTML文檔。
- 元素節點：HTML文檔中的HTML標籤（元素）
- 屬性節點：標籤（元素）的屬性
- 文本節點：HTML標籤中的文本內容
圖的部分解釋：通過nodeType可以知道節點類型，例：document.body.nodeType 結果爲1。
文檔
文檔的加載
瀏覽器在加載一個頁面時，是按照自上向下的順序加載的，讀取到一行就運行一行。
在有些不熟練的情況，在代碼執行時，頁面還沒加載，卻想獲取頁面的標籤，這是一種不當的行爲，應該完善代碼規範。可用window.οnlοad=function(){}將js代碼封存，等頁面加載完畢，再執行js代碼。onload事件會在整個頁面加載完成後才觸發，這樣可以確保在執行js代碼時DOM對象已經加載完畢了。也可將js代碼放在頁面的尾端，等待瀏覽器順序加載js代碼。最優是寫在網頁的尾端，等待網頁自行順序加載，提高性能。但是js代碼放在上面方便管理。無多大區別，根據公司要求書寫。