怎么進行DOM入門

怎么進行DOM入門，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

這里向大家簡單介紹一下DOM的概念，當瀏覽器支持JavaScript的時候就有DOM了，最早可以追溯到Netscape2。Web開發人員希望訪問HTML元素并且改變它們的屬性。例如實現HTML元素的淡入淡出這種效果。DOM的功能就是提供這么一種方法來訪問HTML元素。

DOM入門教程之什么是DOM(Dom簡介)

簡單的說，文件對象模型（DocumentObjectModel，DOM）是一種理念，一種思想，一種方法使Web開發人員可以訪問HTML元素！它只是一種理念，不是具體方法。那什么是具體方法呢？答案是DHTML

當瀏覽器支持JavaScript的時候就有DOM了，最早可以追溯到Netscape2。Web開發人員希望訪問HTML元素并且改變它們的屬性。例如實現HTML元素的淡入淡出這種效果。DOM的功能就是提供這么一種方法來訪問HTML元素。精確的規定用什么方法，怎樣訪問元素。隨著瀏覽器版本的更新，會有更多的權限交給開發人員來操作HTML元素。DOM是給HTML與XML文件使用的一組API。它提供了文件的結構表述（representation），讓你可以更動其中的內容及可見物。其本質是建立網頁與Script或程序語言溝通的橋梁。

所有網頁設計師可操作及建立文件的屬性、方法及事件都以[對象]來展現（例如，document就代表「文件本身」這個對象，table對象則代表HTML的表格對象等等）。這些對象可以由當今大多數的瀏覽器以Script來取用。

DOM最常被用以[與JavaScript溝通]，也就是說雖然程序以JavaScript寫成，但使用DOM來存取頁面及其元素。無論如何，DOM本身是設計為一種獨立的程序語言，以一致的API存取文件的結構表述；是以雖然本站的焦點放在JavaScript上，但DOM其實可以與[任何程序語言]共同運作。

[全球信息網協會]（WorldWideWebConsortium，W3C）建立了[DOM]的標準，稱之為「W3CDOM」。在當今主要瀏覽器都已正確實作的情況下，W3CDOM使強大、跨瀏覽器的應用程序成真。這是眾網頁設計師在Netscape4與MSIE多不相容的時代從未夢想過的事情。

DOM結構：

在DOM中，我們將代表XML文件的程序設計對象，稱為節點（nodes）。當InternetExplorer5處理被鏈接的XML文件并儲存于DOM中時，它會為XML文件的每一個基本組件建立一個節點。這些基本組件包括了元素、屬性，與處理指令DOM會使用不同形態的節點來代表不同形態的XML組件。例如，元素是儲存在Element節點中，而屬性則是儲存在Attribute節點中。表格1列出了這些節點類型最重要的部分。

節點形態節點對象所代表的XML文件組件節點名稱（nodeName對象屬性）節點的值（nodeValue對象屬性）文件（Document）文件階層中的根節點（代表整個XML文件）#documentNull元素（Element）元素元素形態名稱(例如，BOOK)null（包含在元素中的（Element）任何字符數據，是位在一個或多個子文字節點中）文字（Text）屬于由這個節點的父節點所代表的元素，屬性及實體的文字。

#text父XML組件的文字屬性（Attribute）屬性(以及其它的名值對，像處理指令中的名字與值)屬性名稱(如Binding)屬性值（例如hardcover）處理指令（ProcessingInstruction）處理指令（XML宣告或自訂的處理指令）處理指令的目標（例如xml）除了目標之外整個處理指令的內容（例如，Version"1.0"）批注（Comment）批注#comment在批注符號中的文字CDATA區段（CDATASection）CDATA區段#cdata-sectionCDATA區段中的內容文件類型（DocumentType）文件形態宣告出現在DOCTYPE宣告中的根元素的名字(例如INVENTORY)Null實體（Entity）DTD中的實體宣告實體名稱（例如image）null（實體值是位在子文字節點中）標簽DTD中的標簽宣告標簽名稱（例如BMP）>null（卷標的系統literal（Notation）是位在名為SYSTEM的子Attribute上表中用來表示不同XML文件組件的基本節點形態。這些類型的每一個節點都是一個程序設計對象，提供了存取相關組件的屬性與方法。

你可以從節點中的nodeName屬性獲得每個節點的名稱。這個名稱是以字符#起始，代表那些未在文件中命名的XML組件節點的標準名稱。（例如，在XML文件中的批注并未命名。因此，DOM將使用標準名稱#comment。）其它節點的名稱則是由指定到XML文件中相對應組件的名稱衍生而來。（例如，代表形態BOOK元素的元素節點也可以命名為BOOK。）

你可以從節點的nodeValue屬性取得每個節點的節點值。如果XML組件擁有一個相關的值（例如，屬性），該值將會被儲存于節點的節點值中。如果XML組件并沒有節點值（例如，元素），則DOM將會把節點值設成null。

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。