使用DOM的一些小結

這次帶給大家使用DOM的一些小結，使用DOM的注意事項有哪些，以下就是實戰案例，一起來看一下。

DOM是語言中立的API,用於存取html,xml文件。 DOM1級將html和xml文件形象的看作為一個參差畫的節點樹，可以使用javascript來操作這個節點數，進而改變迪岑文檔的外觀和結構。

DOM由各種節點構成，簡要總結如下：

最基本的節點類型就是Node,用於抽象的表示文檔中的一個獨立部分，所有其他類型都繼承自Node。

.Document 類型表示的是整個文檔，是一組分層節點的根節點。在javascript中，document物件是Document的一個實例，使用document對象，有很多種方式查詢和取得節點。第一，其可以取得文件的子節點，如 var hetml=document.documentElement;//取得html的引用。第二是其可以取得文件訊息，例如：var original=document.tittle; document.tittle=”new tittle”;//設定文件的標題。第三是尋找元素，其中有getElementById(),和 getElementByName();

#Element節點表示對相對於html和xml的所有元素，可以用來操作這些元素的內容和屬性。

還有一些節點類型，分別表示文件內容（text）,註解（comment）,文件類型（Documentype）,CDATA區域（CDATAsection）和文件片段。

訪問DOM的操作在很多情況下很直觀，不過在處理script 和style元素的時候還是存在一些問題，由於這兩個元素包含腳本和样式信息，因此在瀏覽器通常會將他們區別對待。
理解DOM的關鍵是，就是理解DOM對效能的影響，DOM往往是javascript中程式開銷最大的部分，而且因為存取Nodelist問題比較多，NoList導致的問題為最多，NdeList物件是動態的，這意味著每次造訪NodeList對象，就要執行一次查詢，有鑑於此，最好的方法就是減少DOM的操作。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

js設計模式之-單例模式的使用

前端為什麼要使用模組化？

#

以上是使用DOM的一些小結的詳細內容。更多資訊請關注PHP中文網其他相關文章！