网页制作

解析XML中的树形结构与DOM文档对象模型
网页制作 2024/11/15 佚名
3 2

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

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

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

XML/HTML Code复制内容到剪贴板
  1. <?xml version="1.0"?>  
  2. <Company>  
  3.     <Employee>  
  4.         <FirstName>Tanmay</FirstName>  
  5.         <LastName>Patil</LastName>  
  6.         <ContactNo>1234567890</ContactNo>  
  7.         <Email>tanmaypatil@xyz.com</Email>  
  8.         <Address>  
  9.             <City>Bangalore</City>  
  10.             <State>Karnataka</State>  
  11.             <Zip>560212</Zip>  
  12.         </Address>  
  13.     </Employee>  
  14. </Company>  

下面的树结构表示上面的 XML 文档：
解析XML中的树形结构与DOM文档对象模型

图中，有一个叫做 <company> 的根元素。里面又有一个 <Employee> 元素。在雇员元素里面，又有 5 个分支，分别是 <FirstName>，<LastName>，<ContactNo>，<Email> 和 <Address>。在 <Address> 元素内，又有三个子分支，分别是 <City>，<State> 和 <Zip>。

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

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

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

示例
下面的示例（sample.htm）将一个 XML 文档（"address.xml"）解析为一个 XML DOM 对象，然后用 JavaScript 提取了一些信息：

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE 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 Patil</name>  
  4.     <company>TutorialsPoint</company>  
  5.     <phone>(011) 123-4567</phone>  
  6. </contact-info>  

我们可以把这两个文 sample.htm 和 address.xml 件保存到同一目录 /xml 中，然后通过在浏览器中打开的方式执行 sample.htm 文件。它应该生成如下所示结果：
解析XML中的树形结构与DOM文档对象模型

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

标签：
XML,树结构,DOM
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com

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

暂无“解析XML中的树形结构与DOM文档对象模型”评论...
www.zgmyg.com 岱庙资源网
129,905影音资源
244,626技术资源
111,817软件资源
578,645站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
岱庙资源网 Copyright www.zgmyg.com