XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

成都創(chuàng)新互聯(lián)主營新蔡網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā),新蔡h5微信小程序開發(fā)搭建,新蔡網(wǎng)站營銷推廣歡迎新蔡等地區(qū)企業(yè)咨詢

樹結(jié)構(gòu)
XML 文檔始終是描述性的。樹狀結(jié)構(gòu)通常被稱為 XML 樹，它在描述 XML 文檔的過程中扮演一個(gè)重要的角色。

這個(gè)樹結(jié)構(gòu)包含根（父）元素，子元素等等。通過使用樹狀結(jié)構(gòu)，我們可以了解源自根元素的所有后續(xù)分支和子分支。解析從根元素開始，然后向下移動(dòng)到指向某個(gè)元素的第一個(gè)分支，從這里開始處理第一個(gè)分支及其子節(jié)點(diǎn)。

示例
下面的示例演示了簡單的 XML 樹結(jié)構(gòu)：

<?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>

下面的樹結(jié)構(gòu)表示上面的 XML 文檔：
XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示

圖中，有一個(gè)叫做 <company> 的根元素。里面又有一個(gè) <Employee> 元素。在雇員元素里面，又有 5 個(gè)分支，分別是 <FirstName>，<LastName>，<ContactNo>，<Email> 和 <Address>。在 <Address> 元素內(nèi)，又有三個(gè)子分支，分別是 <City>，<State> 和 <Zip>。

DOM文檔對(duì)象模型
文檔對(duì)象模型（DOM）是 XML 的基礎(chǔ)。XML 文檔有一個(gè)信息層次結(jié)構(gòu)單位，被稱作節(jié)點(diǎn)；DOM 是描述這些節(jié)點(diǎn)和它們之間關(guān)系的一種方式。

DOM 文檔就是一個(gè)節(jié)點(diǎn)集合或者按照層次結(jié)構(gòu)組織的信息塊。這個(gè)層次結(jié)構(gòu)允許開發(fā)人員導(dǎo)航這個(gè)節(jié)點(diǎn)樹來查詢特定的信息。由于它基于信息層次結(jié)構(gòu)，DOM 也被認(rèn)為是_基于節(jié)點(diǎn)樹_的。

另一方面，XML DOM 還提供了一個(gè) API，允許開發(fā)者在節(jié)點(diǎn)樹的任意位置添加，編輯，移動(dòng)或者移除節(jié)點(diǎn)，以便創(chuàng)建應(yīng)用程序。

示例
下面的示例（sample.htm）將一個(gè) XML 文檔（"address.xml"）解析為一個(gè) XML DOM 對(duì)象，然后用 JavaScript 提取了一些信息：

<!DOCTYPE html>  
<html>  
<body>  
<h2>TutorialsPoint DOM example </h2>  
<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 的內(nèi)容如下：

<?xml version="1.0"?>  
<contact-info>  
    <name>Tanmay Patil</name>  
    <company>TutorialsPoint</company>  
    <phone>(011) 123-4567</phone>  
</contact-info>

我們可以把這兩個(gè)文 sample.htm 和 address.xml 件保存到同一目錄 /xml 中，然后通過在瀏覽器中打開的方式執(zhí)行 sample.htm 文件。它應(yīng)該生成如下所示結(jié)果：
XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示

這里，可以看到我們提取了每個(gè)子節(jié)點(diǎn)并顯示了它們的值。

關(guān)于XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁題目：XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示-創(chuàng)新互聯(lián)
分享鏈接：http://chinadenli.net/article0/cohpoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、商城網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站維護(hù)、App開發(fā)、靜態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

XML中的樹形結(jié)構(gòu)與DOM文檔對(duì)象模型代碼演示-創(chuàng)新互聯(lián)