你對Html DOM樹的概念是否了解，這里和大家分享一下，DOM（DocumentObjectModel）解析器將XML文檔一次性解析，生成一個位于內(nèi)存中的對象樹用以描述該文檔。

創(chuàng)新互聯(lián)主營大關網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,App定制開發(fā),大關h5微信小程序開發(fā)搭建,大關網(wǎng)站營銷推廣歡迎大關等地區(qū)企業(yè)咨詢

Html DOM樹

1.Html DOM樹

所有類型的XML解析器都要求處理對象是“格式良好”的XML文檔，有些還能根據(jù)DTD或XMLSchema進行有效性驗證，DOM（DocumentObjectModel）解析器將XML文檔一次性解析，生成一個位于內(nèi)存中的對象樹用以描述該文檔。

DOM是一種與平臺和語言無關的接口，它允許程序和腳本動態(tài)訪問和修改文檔的內(nèi)容、結構和類型。它定義了一系列的對象和方法對Html DOM樹的節(jié)點進行各種隨機操作：

◆Document對象：作為樹的最高節(jié)點，Document對象是對整個文檔進行操作的入口。

◆Element和Attr對象：這些節(jié)點對象都是文檔某一部分的映射，節(jié)點的定級層次恰好反映了文檔的結構。

◆Text對象：作為Element和Attr對象的子節(jié)點，Text對象表達了元素或屬性的文本內(nèi)容。Text節(jié)點不再包含任何子節(jié)點。

◆集合索引：DOM提供了幾種集合索引方式，可以對節(jié)點按指定方式進行遍歷。索引參數(shù)都是從0開始記數(shù)的。

Html DOM樹中的所有節(jié)點都是從Node對象繼承而來的。Node對象定義了一些最基本的屬性和方法，利用這些方法可以實現(xiàn)對樹的遍歷，同時，根據(jù)屬性還可以得知節(jié)點的名稱、取值并判斷其類型。
利用DOM，開發(fā)人員可以動態(tài)地創(chuàng)建XML、遍歷文檔、增加/刪除/修改文檔內(nèi)容。DOM提供的API與編程語言無關，所以對一些DOM標準中沒有明確定義的接口，不同解析器的實現(xiàn)方法也可能有所差別。為方便描述，本文的舉例均采用MSXMLDOM方案并用VBScript編寫代碼。

2.Html DOM樹的結構

Document對象建立之后，就可以與XML文檔或數(shù)據(jù)島聯(lián)系在一起。數(shù)據(jù)島的加載方法是將數(shù)據(jù)島ID賦給Document對象：

 
 
 

  
  
  

  
  
  
Setdoc=dsoDetails.XMLDocument 
  
  
  

 
 
 

加載文檔大體上分為三步：

1．使用CreateObject方法創(chuàng)建分析器實例；

2．設置async屬性為False，禁止異步加載，這樣當文檔加載完畢，控制權才會返回給調(diào)用進程，如果想獲取文檔加載狀態(tài)，可以讀取readyState屬性值；

3．使用load方法加載指定文檔。

 
 
 

  
  
  
Setdoc=CreateObject(“Microsoft.XMLDOM”) 
  
  
  
doc.async=False
  
  
  
doc.load“Books.xml” 
 
 
 

XMLDOM還提供了一種loadXML的方法可以把XML字符串加載到Html DOM樹中，使用時只要把XML字符串直接作為該方法的參數(shù)即可。#p#

3.Html DOM樹的訪問

在文檔加載完畢之后就可以使用documentElement屬性訪問根元素：

 
 
 

  
  
  
SetrootNode=doc.documentElement 
  
  
  

 
 
 

一旦建立了對Html DOM樹中某個節(jié)點（例如根節(jié)點）的引用，就可以根據(jù)節(jié)點間的等級關系調(diào)用適當?shù)姆椒ㄟM行遍歷。
下面以books.xml為例說明各種方法的使用：

 
 
 

  
  
  

  
  
  

  
  
  

  
  
  
9.95
  
  
  
CharlotteM.Cooper
  
  
  
ShelleyB.Burke
  
  
  
ReginaP.Murphy
  
  
  

  
  
  

  
  
  
14.99
  
  
  

  
  
  
19.99
  
  
  
LarsPeterson
  
  
  

  
  
  

 
 
 

 建立對第二個元素的引用：

 
 
 

  
  
  
SettheNode=dsoBooks.XMLDocument. 
  
  
  
documentElement.childNodes(1)
 
 
 

◆根節(jié)點：theNode.ownerDocument返回Document節(jié)點，指向XML文檔本身；
◆兄弟節(jié)點：theNode.previousSibling返回第1個元素，theNode.nextSibling返回第3個元素;
◆父節(jié)點：theNode.parentNode返回元素;
◆子節(jié)點：theNode.firstChild返回