深入剖析DOM文檔對象模型
本文向大家描述一下DOM文檔對象模型，文檔對象模型(DocumentObjectModel)，通常簡稱為DOM，是網站內容與JavaScript互通的接口。DOM接口用于存取、遍歷和控制HTML和XML文檔。
DOM文檔對象模型
文檔對象模型(DocumentObjectModel)，通常簡稱為DOM，是網站內容與JavaScript互通的接口。自JavaScript成為最常用的語言時JavaScript和DOM文檔對象模型通常被視為獨立的實體。DOM接口用于存取、遍歷和控制HTML和XML文檔。
下面是關于DOM文檔對象模型的一些重要的知識:
◆window對象作為全局對象，你僅需嘗試使用”window”來訪問它。Window對象下包含了你的所有要執行的JavaScript代碼。就像所有對象都包含屬性和方法。
屬性是存儲于對象下的變量。所有在網頁中創建的變量都會成為window對象的屬性。
方法是存儲在對象下的函數。在所有函數存儲在window對象下時，你可以使用’methods’引用它們。
◆DOM文檔對象模型相對于Web文檔結構創建層次結構，層次有節點組成。DOM節點有很多不同的類型，其中最重要的要數’Element’、’Text’和’Document’了.
‘Element’節點表示在頁面中的元素，所以如果在頁面中你有一個段落元素(‘<p>’)，那么你可以通過DOM的節點來訪問它。
‘Text’節點表示在頁面中的所有文本(在元素中)，所以如果在頁面的段落中有一些文本內容，那么你可以通過DOM的節點來訪問它。
‘Document’節點表示整個文檔。(它是DOM樹的根節點)
另請注意，元素屬性是DOM節點本身。
◆不同的布局引擎對于DOM文檔對象模型標準的執行是有一定的差別的。例如，使用Gecko布局引擎的FireFox瀏覽器可以很好的執行(但也并不是完完全全按照W3C規范那樣)，但使用Trident引擎的IE因它的很多Bug和不完全執行DOM文檔對象模型標準而為眾人所知。這便是前端開發領域的一大痛苦之處。
【編輯推薦】
