XML中的树形构造与DOM文档对象模子的示例代码（图）【XML教程】,XML,树结构,DOM

这篇文章主要引见了XML中的树形构造与DOM文档对象模子,文中举了JavaScript剖析DOM对象的例子,须要的朋侪能够参考下

树构造
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 文件。它应当生成以下所示效果：