树结构
xml 文档始终是描述性的。树状结构通常被称为 xml 树，它在描述 xml 文档的过程中扮演一个重要的角色。
这个树结构包含根（父）元素，子元素等等。通过使用树状结构，我们可以了解源自根元素的所有后续分支和子分支。解析从根元素开始，然后向下移动到指向某个元素的第一个分支，从这里开始处理第一个分支及其子节点。
示例
下面的示例演示了简单的 xml 树结构：
<?xml version="1.0"?> <company> <employee> <firstname>tanmay</firstname> <lastname>patil</lastname> <contactno>1234567890</contactno> <email>tanmaypatil@xyz.com</email> <address> <city>bangalore</city> <state>karnataka</state> <zip>560212</zip> </address> </employee> </company>
下面的树结构表示上面的 xml 文档：
图中，有一个叫做 <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 提取了一些信息：
<!doctype html> <html> <body> <h1>tutorialspoint dom example </h1> <div> <b>name:</b> <span id="name"></span><br> <b>company:</b> <span id="company"></span><br> <b>phone:</b> <span id="phone"></span> </div> <script> if (window.xmlhttprequest) {// code for ie7+, firefox, chrome, opera, safari xmlhttp = new xmlhttprequest(); } else {// code for ie6, ie5 xmlhttp = new activexobject("microsoft.xmlhttp"); } xmlhttp.open("get","/xml/address.xml",false); xmlhttp.send(); xmldoc=xmlhttp.responsexml; document.getelementbyid("name").innerhtml= xmldoc.getelementsbytagname("name")[0].childnodes[0].nodevalue; document.getelementbyid("company").innerhtml= xmldoc.getelementsbytagname("company")[0].childnodes[0].nodevalue; document.getelementbyid("phone").innerhtml= xmldoc.getelementsbytagname("phone")[0].childnodes[0].nodevalue; </script> </body </html>
address.xml 的内容如下：
<?xml version="1.0"?> <contact-info> <name>tanmay patil</name> <company>tutorialspoint</company> <phone>(011) 123-4567</phone> </contact-info>
我们可以把这两个文 sample.htm 和 address.xml 件保存到同一目录 /xml 中，然后通过在浏览器中打开的方式执行 sample.htm 文件。它应该生成如下所示结果：
这里，可以看到我们提取了每个子节点并显示了它们的值。
以上就是xml中的树形结构与dom文档对象模型的示例代码（图）的详细内容。