龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

Html DOM树的结构和访问(1)(2)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
3.Html DOM树的访问 在文档加载完毕之后就可以使用documentElement属性访问根元素: SetrootNode = doc .documentElement 一旦建立了对Html DOM树中某个节点(例如根节点

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文档数据,通常是从根元素开始的所有内容。

精彩图集

赞助商链接