溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

XML中DOM操作XML文檔的示例分析

發(fā)布時(shí)間：2021-09-17 14:06:06 來(lái)源：億速云 閱讀：120 作者：小新 欄目：編程語(yǔ)言

這篇文章主要介紹了XML中DOM操作XML文檔的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在DOM眼中，HTML跟XML一樣是一種樹形結(jié)構(gòu)的文檔。各個(gè)節(jié)點(diǎn)被視為各種類型的Node對(duì)象。每個(gè)Node對(duì)象都有自己的屬性和方法，利用這些屬性和方法可以遍歷整個(gè)文檔樹。DOM定義了nodeType來(lái)表示節(jié)點(diǎn)的類型

接口

nodeType常量

nodeType值

備注

Element

Node.ELEMENT_NODE

1

元素節(jié)點(diǎn)

Text

Node.TEXT_NODE

3

文本節(jié)點(diǎn)

Document

Node.DOCUMENT_NODE

9

document

Comment

Node.COMMENT_NODE

8

注釋的文本

DocumentFragment

Node.DOCUMENT_FRAGMENT_NODE

11

document片斷

Attr

Node.ATTRIBUTE_NODE

2

節(jié)點(diǎn)屬性

DOM樹的根節(jié)點(diǎn)是個(gè)Document對(duì)象，有時(shí)候document即指向整個(gè)文檔。

Document定義的方法大多數(shù)是生產(chǎn)型方法，主要用于創(chuàng)建可以插入文檔中的各種類型的節(jié)點(diǎn)。常用的Document方法有：

方法

描述

createAttribute()

用指定的名字創(chuàng)建新的Attr節(jié)點(diǎn)。

createComment()

用指定的字符串創(chuàng)建新的Comment節(jié)點(diǎn)。

createElement()

用指定的標(biāo)記名創(chuàng)建新的Element節(jié)點(diǎn)。

createTextNode()

用指定的文本創(chuàng)建新的TextNode節(jié)點(diǎn)。

getElementById()

返回文檔中具有指定id屬性的Element節(jié)點(diǎn)。

getElementsByTagName()

返回文檔中具有指定標(biāo)記名的所有Element節(jié)點(diǎn)。

Element常用的方法：

方法

描述

getAttribute()

以字符串形式返回指定屬性的值。

getAttributeNode()

以Attr節(jié)點(diǎn)的形式返回指定屬性的值。

getElementsByTabName()

返回一個(gè)Node數(shù)組，包含具有指定標(biāo)記名的所有Element節(jié)點(diǎn)的子孫節(jié)點(diǎn)，其順序?yàn)樵谖臋n中出現(xiàn)的順序。

hasAttribute()

如果該元素具有指定名字的屬性，則返回true。

removeAttribute()

從元素中刪除指定的屬性。

removeAttributeNode()

從元素的屬性列表中刪除指定的Attr節(jié)點(diǎn)。

setAttribute()

把指定的屬性設(shè)置為指定的字符串值，如果該屬性不存在則添加一個(gè)新屬性。

setAttributeNode()

把指定的Attr節(jié)點(diǎn)添加到該元素的屬性列表中。

Node對(duì)象常用屬性：

屬性

描述

attributes

如果該節(jié)點(diǎn)是一個(gè)Element，則以NamedNodeMap形式返回該元素的屬性。

childNodes

以Node[]的形式存放當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)。如果沒(méi)有子節(jié)點(diǎn)，則返回空數(shù)組。

firstChild

以Node的形式返回當(dāng)前節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)。如果沒(méi)有子節(jié)點(diǎn)，則為null。

lastChild

以Node的形式返回當(dāng)前節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)。如果沒(méi)有子節(jié)點(diǎn)，則為null。

nextSibling

以Node的形式返回當(dāng)前節(jié)點(diǎn)的兄弟下一個(gè)節(jié)點(diǎn)。如果沒(méi)有這樣的節(jié)點(diǎn)，則返回null。

nodeName

節(jié)點(diǎn)的名字，Element節(jié)點(diǎn)則代表Element的標(biāo)記名稱。

nodeType

代表節(jié)點(diǎn)的類型。

parentNode

以Node的形式返回當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)。如果沒(méi)有父節(jié)點(diǎn)，則為null。

previousSibling

以Node的形式返回緊挨當(dāng)前節(jié)點(diǎn)、位于它之前的兄弟節(jié)點(diǎn)。如果沒(méi)有這樣的節(jié)點(diǎn)，則返回null。

Node對(duì)象常用方法：

方法

描述

appendChild()

通過(guò)把一個(gè)節(jié)點(diǎn)增加到當(dāng)前節(jié)點(diǎn)的childNodes[]組，給文檔樹增加節(jié)點(diǎn)。

cloneNode()

復(fù)制當(dāng)前節(jié)點(diǎn)，或者復(fù)制當(dāng)前節(jié)點(diǎn)以及它的所有子孫節(jié)點(diǎn)。

hasChildNodes()

如果當(dāng)前節(jié)點(diǎn)擁有子節(jié)點(diǎn)，則將返回true。

insertBefore()

給文檔樹插入一個(gè)節(jié)點(diǎn)，位置在當(dāng)前節(jié)點(diǎn)的指定子節(jié)點(diǎn)之前。如果該節(jié)點(diǎn)已經(jīng)存在，則刪除之再插入到它的位置。

removeChild()

從文檔樹中刪除并返回指定的子節(jié)點(diǎn)。

replaceChild()

從文檔樹中刪除并返回指定的子節(jié)點(diǎn)，用另一個(gè)節(jié)點(diǎn)替換它。


獲取元素的值

下面的代碼檢索第一個(gè) <title> 元素的文本值：

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];txt=x.nodeValue; //其實(shí)應(yīng)該先判斷節(jié)點(diǎn)是否存在

結(jié)果：txt = "Harry Potter"

獲取屬性的值

下面的代碼檢索第一個(gè) <title> 元素的 "lang" 屬性的文本值：

txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

結(jié)果：txt = "en"

改變?cè)氐闹?/h3>

下面的代碼改變第一個(gè) <title> 元素的文本值：

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];x.nodeValue="Easy Cooking";

改變屬性的值

setAttribute() 方法可用于改變已有屬性的值，或創(chuàng)建一個(gè)新屬性。

下面的代碼向每個(gè) <book> 元素添加了名為 "edition" 的新屬性（值是 "first"）：

x=xmlDoc.getElementsByTagName("book");for(i=0;i<x.length;i++)  {  x[i].setAttribute("edition","first");  }

創(chuàng)建元素

createElement() 方法創(chuàng)建新的元素節(jié)點(diǎn)。

createTextNode() 方法創(chuàng)建新的文本節(jié)點(diǎn)。

appendChild() 方法向節(jié)點(diǎn)添加子節(jié)點(diǎn)（在最后一個(gè)子節(jié)點(diǎn)之后）。

如需創(chuàng)建帶有文本內(nèi)容的新元素，需要同時(shí)創(chuàng)建元素節(jié)點(diǎn)和文本節(jié)點(diǎn)。

下面的代碼創(chuàng)建了一個(gè)元素 (<edition>)，然后把它添加到第一個(gè) <book> 元素中：

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);
x=xmlDoc.getElementsByTagName("book");x[0].appendChild(newel);

例子解釋：

  1. 創(chuàng)建 <edition> 元素

  2. 創(chuàng)建值為 "First" 的文本節(jié)點(diǎn)

  3. 把這個(gè)文本節(jié)點(diǎn)追加到 <edition> 元素

  4. 把 <edition> 元素追加到第一個(gè) <book> 元素

刪除元素

removeChild() 方法刪除指定的節(jié)點(diǎn)（或元素）。

下面的代碼片段將刪除第一個(gè) <book> 元素中的第一個(gè)節(jié)點(diǎn)：

x=xmlDoc.getElementsByTagName("book")[0];x.removeChild(x.childNodes[0]);

實(shí)例代碼

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function parseXML() {
try //Internet Explorer
            {
               xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            }
catch (e) {              
try //Firefox, Mozilla, Opera, etc.
                {
                    xmlDoc = document.implementation.createDocument("", "", null);
                }
catch (e) {
                    alert(e.message);
return;
                }
            }
            xmlDoc.async = false; //假如xml載入完畢執(zhí)行以下
            xmlDoc.load("note.xml");
var x = xmlDoc.getElementsByTagName("to");
//            xmlDoc.getElementsByTagName("to")[0].setAttribute("date") = "1515";  //設(shè)置屬性值
//            xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue = "tiewang"; //設(shè)置文本節(jié)點(diǎn)值
            
//            //循環(huán)修改
//            for (i = 0; i < x.length; i++) {
//                if (x[i].childNodes[0] == null) { //如果不存在問(wèn)題，則添加
//                    newText1 = xmlDoc.createTextNode("af");
//                    x[i].appendChild(newText1);
//                }
//                x[i].childNodes[0].nodeValue = "af";
            //            }
//            //循環(huán)添加 //注意，如果把create放在for循環(huán)外面，則只能添加到最后一個(gè)，需要放在for里面
            for (i = 0; i < x.length; i++) {
if (x[i].getElementsByTagName("too")[0] == null) {
                    newElemenet = xmlDoc.createElement("too");
                    newText = xmlDoc.createTextNode("logo");
                    newElemenet.setAttribute("id", "1");
                    newElemenet.appendChild(newText);       
                    x[i].appendChild(newElemenet);
                }
            }
//            //循環(huán)刪除
//            for (i = 0; i < x.length; i++) {
//                if (x[i].getElementsByTagName("too")[0] != null) {
//                    x[i].removeChild(x[i].getElementsByTagName("too")[0]);
//                }
//            }
　　　　
                 
　　　　　　//刪除to -> too 節(jié)點(diǎn)中的ID屬性
            for (i = 0; i < x.length; i++) {
                if (x[i].getElementsByTagName("too")[0] != null) {
                    if (x[i].getElementsByTagName("too")[0].getAttribute("id")!=null) {
                        x[i].getElementsByTagName("too")[0].removeAttribute("id");
                    }
                }
            }
var xmlHttp;

try {
// Firefox, Opera 8.0+, Safari
                xmlHttp = new XMLHttpRequest();
            }
catch (e) {

// Internet Explorer
                try {
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
catch (e) {

try {
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
catch (e) {
                        alert("您的瀏覽器不支持AJAX！");
return false;
                    }
                }
            }
            xmlHttp.onreadystatechange = function() {    //onreadystatechange 屬性存有處理服務(wù)器響應(yīng)的函數(shù)
                if (xmlHttp.readyState == 4) {       //readyState 屬性存有服務(wù)器響應(yīng)的狀態(tài)信息
                    document.getElementById("to").innerHTML = xmlHttp.responseText; //通過(guò) responseText 屬性來(lái)取回由服務(wù)器返回的數(shù)據(jù)
                }
            }
            xmlHttp.open("POST", "receive.aspx?type=xmlsave", true); 

// open() 方法需要三個(gè)參數(shù)。第一個(gè)參數(shù)定義發(fā)送請(qǐng)求所使用的方法（GET 還是 POST）。第二個(gè)參數(shù)規(guī)定服務(wù)器端腳本的 URL。第三個(gè)參數(shù)規(guī)定應(yīng)當(dāng)對(duì)請(qǐng)求進(jìn)行異步地處理。
            xmlHttp.send(xmlDoc);      //send() 方法可將請(qǐng)求送往服務(wù)器     
    }
</script>
</head>
<body onload="parseXML()">
<form id="form1" runat="server">
<p>
<h2 id = "to"></h2>
<h2 id ="value"></h2>


</p>
</form>
</body>
</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“XML中DOM操作XML文檔的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手