IT俱乐部 XML/XSLT 解析XML中的树形结构与DOM文档对象模型

解析XML中的树形结构与DOM文档对象模型

树结构
XML 文档始终是描述性的。树状结构通常被称为 XML 树,它在描述 XML 文档的过程中扮演一个重要的角色。

这个树结构包含根(父)元素,子元素等等。通过使用树状结构,我们可以了解源自根元素的所有后续分支和子分支。解析从根元素开始,然后向下移动到指向某个元素的第一个分支,从这里开始处理第一个分支及其子节点。

示例
下面的示例演示了简单的 XML 树结构:

XML/HTML Code复制内容到剪贴板
  1. xml version=“1.0”?>  
  2. Company>  
  3.     Employee>  
  4.         FirstName>TanmayFirstName>  
  5.         LastName>PatilLastName>  
  6.         ContactNo>1234567890ContactNo>  
  7.         Email>tanmaypatil@xyz.comEmail>  
  8.         Address>  
  9.             City>BangaloreCity>  
  10.             State>KarnatakaState>  
  11.             Zip>560212Zip>  
  12.         Address>  
  13.     Employee>  
  14. Company>  

下面的树结构表示上面的 XML 文档:
2016215114941329.jpg (560×275)

图中,有一个叫做 的根元素。里面又有一个 元素。在雇员元素里面,又有 5 个分支,分别是

。在

元素内,又有三个子分支,分别是

DOM文档对象模型
文档对象模型(DOM)是 XML 的基础。XML 文档有一个信息层次结构单位,被称作节点;DOM 是描述这些节点和它们之间关系的一种方式。

DOM 文档就是一个节点集合或者按照层次结构组织的信息块。这个层次结构允许开发人员导航这个节点树来查询特定的信息。由于它基于信息层次结构,DOM 也被认为是_基于节点树_的。

另一方面,XML DOM 还提供了一个 API,允许开发者在节点树的任意位置添加,编辑,移动或者移除节点,以便创建应用程序。

示例
下面的示例(sample.htm)将一个 XML 文档(”address.xml”)解析为一个 XML DOM 对象,然后用 JavaScript 提取了一些信息:

XML/HTML Code复制内容到剪贴板
  1. html>  
  2. html>  
  3. body>  
  4. h1>TutorialsPoint DOM example h1>  
  5. div>  
  6. b>Name:b> span id=“name”>span>br>  
  7. b>Company:b> span id=“company”>span>br>  
  8. b>Phone:b> span id=“phone”>span>  
  9. div>  
  10. script>  
  11. if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari   
  12.     xmlhttp = new XMLHttpRequest();   
  13. } else {// code for IE6, IE5   
  14.     xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”);   
  15. }   
  16.   
  17. xmlhttp.open(“GET”,”/xml/address.xml”,false);   
  18. xmlhttp.send();   
  19. xmlDoc=xmlhttp.responseXML;   
  20. document.getElementById(“name”).innerHTML=   
  21. xmlDoc.getElementsByTagName(“name”)[0].childNodes[0].nodeValue;   
  22. document.getElementById(“company”).innerHTML=   
  23. xmlDoc.getElementsByTagName(“company”)[0].childNodes[0].nodeValue;   
  24. document.getElementById(“phone”).innerHTML=   
  25. xmlDoc.getElementsByTagName(“phone”)[0].childNodes[0].nodeValue;   
  26. script>  
  27. body  
  28. html>  

address.xml 的内容如下:

XML/HTML Code复制内容到剪贴板
  1. xml version=“1.0”?>  
  2. contact-info>  
  3.     name>Tanmay Patilname>  
  4.     company>TutorialsPointcompany>  
  5.     phone>(011) 123-4567phone>  
  6. contact-info>  

我们可以把这两个文 sample.htm 和 address.xml 件保存到同一目录 /xml 中,然后通过在浏览器中打开的方式执行 sample.htm 文件。它应该生成如下所示结果:
2016215115103164.png (481×143)

这里,可以看到我们提取了每个子节点并显示了它们的值。

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/xml/2689.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部