成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Html DOM樹的結構和訪問

開發 前端
本文向大家簡單介紹一下Html DOM樹的概念和用法,DOM是一種與平臺和語言無關的接口,它允許程序和腳本動態訪問和修改文檔的內容、結構和類型。它定義了一系列的對象和方法對Html DOM樹的節點進行各種隨機操作。

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

Html DOM樹

1.Html DOM樹

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

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

◆Document對象:作為樹的最高節點,Document對象是對整個文檔進行操作的入口。

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

◆Text對象:作為Element和Attr對象的子節點,Text對象表達了元素或屬性的文本內容。Text節點不再包含任何子節點。

◆集合索引:DOM提供了幾種集合索引方式,可以對節點按指定方式進行遍歷。索引參數都是從0開始記數的。

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

2.Html DOM樹的結構

Document對象建立之后,就可以與XML文檔或數據島聯系在一起。數據島的加載方法是將數據島ID賦給Document對象: 

  1. <XMLIDXMLID=“dsoDetails”src=“Books.xml”></XML> 
  2. Setdoc=dsoDetails.XMLDocument  
  3.  

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

1.使用CreateObject方法創建分析器實例;

2.設置async屬性為False,禁止異步加載,這樣當文檔加載完畢,控制權才會返回給調用進程,如果想獲取文檔加載狀態,可以讀取readyState屬性值;

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

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

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

3.Html DOM樹的訪問

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

  1. SetrootNode=doc.documentElement  
  2.  

一旦建立了對Html DOM樹中某個節點(例如根節點)的引用,就可以根據節點間的等級關系調用適當的方法進行遍歷。
下面以books.xml為例說明各種方法的使用:

  1. <xmlidxmlid=“dsoBooks”> 
  2. <?xmlversionxmlversion=“1.0”?><booklist><book> 
  3. <title>TheGourmetMicrowave</title> 
  4. <price>9.95</price> 
  5. <author>CharlotteM.Cooper</author> 
  6. <author>ShelleyB.Burke</author> 
  7. <author>ReginaP.Murphy</author> 
  8. </book><book> 
  9. <title>Sushi,Anyone?</title> 
  10. <price>14.99</price></book><book> 
  11. <title>StraightTalkAboutComputers</title>
  12. <price>19.99</price> 
  13. <author>LarsPeterson</author> 
  14. </book></booklist></xml> 
  15.  

 建立對第二個<book>元素的引用:

 

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

◆根節點:theNode.ownerDocument返回Document節點,指向XML文檔本身;
◆兄弟節點:theNode.previousSibling返回第1個<book>元素,theNode.nextSibling返回第3個<book>元素;
◆父節點:theNode.parentNode返回<booklist>元素;
◆子節點:theNode.firstChild返回<title>元素,theNode.lastChild返回<price>元素,theNode.childNodes返回子節點集合,包括Sushi下面的所有元素。節點記數從0開始,即theNode.childNodes(0)的結果與theNode.firstChild的結果是一樣的。

獲得節點的引用后,就可以讀取節點的相關信息:

◆節點類型:theNode.nodeType,本例為1,Document對象類型為9,元素類型為1,屬性類型為2;
◆節點名稱:theNode.nodeName,本例為book;
◆節點值:theNode.nodeValue,本例為null,對于Attr節點,返回的是屬性值,而對于Element節點,返回的是null。

在MSXML中,對Node對象還提供了一些額外的方法和屬性:

◆nodeTypeString:用字符串的方式顯示節點類型,如theNode.nodeTypeString的結果是“element”;
◆text:顯示當前節點及其所有子節點的文本內容;
◆xml:獲取XML文檔數據,通常是從根元素開始的所有內容。#p#

4.XML格式的動態轉換

通過學習XSL,我們已經能夠使用樣式單對XML文檔進行轉換。但這種過程是靜態的,即在編寫代碼時,已經指定了作用在XML上的XSL文件,在程序運行過程中不能再做改變。而利用DOM,我們能夠實現XML格式的動態轉換,即在程序運行時,將XSL載入并對XML文檔進行轉換。

把XSL載入DOM對象的步驟基本上與XML文檔的載入過程是一樣的(XSL本身就是XML文檔): 

  1. Setstylesheet=CreateObject(“Microsoft.XMLDOM”)  
  2. stylesheet.async=False 
  3. stylesheet.load“TransformDetails.xsl” 

DOM提供了兩個函數進行這種轉換,作用對象可以是樹中任何節點。這樣就可以實現對Html DOM樹的任意的部分進行格式轉換。
◆transformNodeToObject方法:該方法需要兩個參數,第一個參數指向XSL文件,第二個參數存放轉換后的XML數據的節點。例如: 

  1. SettargetNode=CreateObject(“Microsoft.XMLDOM”)  
  2. srcNode.transformNodeToObjectstylesheet,targetNode  
  3.  

◆transformNode方法:該方法只需要一個參數指明XSL文件。如下例是將源節點轉換為一個字符串變量str:
 

  1. str=srcNode.transformNode(stylesheet)  
  2.  

【編輯推薦】

  1. JavaScript DOM特性與應用詳解
  2. W3C DOM模型用法詳解
  3. JavaScript獲取HTML DOM節點元素詳解
  4. 深入了解JavaScript HTML DOM對象
  5. 解析HTML DOM Checkbox對象的屬性和方法
責任編輯:佚名 來源: blog.csdn.net
相關推薦

2010-09-28 16:22:17

DOM樹

2010-09-28 11:11:23

XML DOMHTML DOM

2010-09-28 12:59:45

JavaScriptDOM

2010-08-23 13:29:43

HTMLpadding

2010-09-28 10:33:59

HTML DOM Ch

2009-07-09 10:15:23

PHP DOM

2010-09-28 10:24:50

HTML DOMXML DOM

2010-09-09 17:19:07

HTML DOMXML DOM

2011-07-26 10:46:04

HTML 5

2020-12-08 06:19:33

爬蟲Dom樹組件

2023-02-23 19:32:03

DOMJavascript開發

2010-09-08 17:26:46

JavaScript

2010-09-28 10:40:32

HTML DOM

2010-10-08 10:35:21

2010-09-28 11:32:30

HTML DOM是什么

2010-09-10 14:12:07

JavaScript

2022-05-06 19:42:53

DOM

2010-09-15 14:40:07

HTMLposition屬性

2010-09-28 10:44:30

HTML DOM參考手

2010-09-28 09:14:36

HTML DOMJavascript
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 狠狠躁夜夜躁人人爽天天高潮 | 在线观看国产h | 久草福利 | 国产精品一区在线观看 | 人人玩人人添人人澡欧美 | 91久久久久 | 区一区二在线观看 | 国产成人a亚洲精品 | 亚洲免费视频一区 | 亚洲福利视频一区二区 | 91免费看片 | 国产成人av在线 | 天天操天天怕 | 亚洲成网站 | 日韩毛片在线观看 | 中文字幕日韩欧美一区二区三区 | 天天天堂 | 正在播放一区二区 | 99在线免费观看 | 国内精品久久久久 | 欧产日产国产精品99 | 偷拍自拍在线观看 | 国产美女视频黄a视频免费 国产精品福利视频 | 自拍偷拍第一页 | 欧美日韩国产传媒 | 久久久做| 精品日韩在线 | 久久久久久免费毛片精品 | 成人中文网 | 91aiai| 精品国产乱码久久久久久丨区2区 | 夜久久 | 精品麻豆剧传媒av国产九九九 | 国产精品资源在线 | 国产一区久久久 | 亚洲大片 | 国产国产精品久久久久 | 欧区一欧区二欧区三免费 | 精品美女视频在免费观看 | 色婷婷影院| 国产精品高清一区二区 |