XML进修（二）详解DOM操纵XML文档【XML教程】,XML，DOM

在DOM眼中，HTML跟XML一样是一种树形构造的文档。各个节点被视为各种范例的Node对象。每一个Node对象都有本身的属性和要领，应用这些属性和要领能够遍历全部文档树。DOM定义了nodeType来示意节点的范例

接口	nodeType常量	nodeType值	备注
Element	Node.ELEMENT_NODE	1	元素节点
Text	Node.TEXT_NODE	3	文本节点
Document	Node.DOCUMENT_NODE	9	document
Comment	Node.COMMENT_NODE	8	诠释的文本
DocumentFragment	Node.DOCUMENT_FRAGMENT_NODE	11	document片断
Attr	Node.ATTRIBUTE_NODE	2	节点属性

DOM树的根节点是个Document对象，有时候document即指向全部文档。

Document定义的要领大多数是生产型要领，重要用于建立能够插进去文档中的各种范例的节点。经常运用的Document要领有：

要领	形貌
createAttribute()	用指定的名字建立新的Attr节点。
createComment()	用指定的字符串建立新的Comment节点。
createElement()	用指定的标记名建立新的Element节点。
createTextNode()	用指定的文本建立新的TextNode节点。
getElementById()	返回文档中具有指定id属性的Element节点。
getElementsByTagName()	返回文档中具有指定标记名的一切Element节点。

Element经常运用的要领：

要领	形貌
getAttribute()	以字符串情势返回指定属性的值。
getAttributeNode()	以Attr节点的情势返回指定属性的值。
getElementsByTabName()	返回一个Node数组，包括具有指定标记名的一切Element节点的子孙节点，其递次为在文档中涌现的递次。
hasAttribute()	如果该元素具有指定名字的属性，则返回true。
removeAttribute()	从元素中删除指定的属性。
removeAttributeNode()	从元素的属性列表中删除指定的Attr节点。
setAttribute()	把指定的属性设置为指定的字符串值，如果该属性不存在则增添一个新属性。
setAttributeNode()	把指定的Attr节点增添到该元素的属性列表中。

Node对象经常运用属性：

属性	形貌
attributes	如果该节点是一个Element，则以NamedNodeMap情势返回该元素的属性。
childNodes	以Node[]的情势寄存当前节点的子节点。如果没有子节点，则返回空数组。
firstChild	以Node的情势返回当前节点的第一个子节点。如果没有子节点，则为null。
lastChild	以Node的情势返回当前节点的末了一个子节点。如果没有子节点，则为null。
nextSibling	以Node的情势返回当前节点的兄弟下一个节点。如果没有如许的节点，则返回null。
nodeName	节点的名字，Element节点则代表Element的标记称号。
nodeType	代表节点的范例。
parentNode	以Node的情势返回当前节点的父节点。如果没有父节点，则为null。
previousSibling	以Node的情势返回紧挨当前节点、位于它之前的兄弟节点。如果没有如许的节点，则返回null。

Node对象经常运用要领：

要领	形貌
appendChild()	经由过程把一个节点增添到当前节点的childNodes[]组，给文档树增添节点。
cloneNode()	复制当前节点，或许复制当前节点以及它的一切子孙节点。
hasChildNodes()	如果当前节点具有子节点，则将返回true。
insertBefore()	给文档树插进去一个节点，位置在当前节点的指定子节点之前。如果该节点已存在，则删除之再插进去到它的位置。
removeChild()	从文档树中删除并返回指定的子节点。
replaceChild()	从文档树中删除并返回指定的子节点，用另一个节点替代它。

猎取元素的值

下面的代码检索第一个 <title> 元素的文本值：

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];txt=x.nodeValue; //实在应该先推断节点是不是存在

效果：txt = "Harry Potter"

猎取属性的值

下面的代码检索第一个 <title> 元素的 "lang" 属性的文本值：

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

效果：txt = "en"

转变元素的值

下面的代码转变第一个 <title> 元素的文本值：

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

转变属性的值

setAttribute() 要领可用于转变已有属性的值，或建立一个新属性。

下面的代码向每一个 <book> 元素增添了名为 "edition" 的新属性（值是 "first"）：

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

建立元素

createElement() 要领建立新的元素节点。

createTextNode() 要领建立新的文本节点。

appendChild() 要领向节点增添子节点（在末了一个子节点以后）。

如需建立带有文本内容的新元素，须要同时建立元素节点和文本节点。

下面的代码建立了一个元素 (<edition>)，然后把它增添到第一个 <book> 元素中：

newel=xmlDoc.createElement("edition");

newtext=xmlDoc.createTextNode("First");

newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName("book");x[0].appendChild(newel);

例子诠释：

建立 <edition> 元素
建立值为 "First" 的文本节点
把这个文本节点追加到 <edition> 元素
把 <edition> 元素追加到第一个 <book> 元素

删除元素

removeChild() 要领删除指定的节点（或元素）。

下面的代码片断将删除第一个 <book> 元素中的第一个节点：

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

实例代码


  <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载入终了实行以下
 xmlDoc.load("note.xml");
var x = xmlDoc.getElementsByTagName("to");
// xmlDoc.getElementsByTagName("to")[0].setAttribute("date") = "1515"; //设置属性值
// xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue = "tiewang"; //设置文本节点值
 
// //轮回修正
// for (i = 0; i < x.length; i++) {
// if (x[i].childNodes[0] == null) { //如果不存在题目，则增添
// newText1 = xmlDoc.createTextNode("af");
// x[i].appendChild(newText1);
// }
// x[i].childNodes[0].nodeValue = "af";
 // }
// //轮回增添 //注重，如果把create放在for轮回表面，则只能增添到末了一个，须要放在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);
 }
 }
// //轮回删除
// for (i = 0; i < x.length; i++) {
// if (x[i].getElementsByTagName("too")[0] != null) {
// x[i].removeChild(x[i].getElementsByTagName("too")[0]);
// }
// }
 　　　　
  
　　　　　　//删除to -> too 节点中的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 属性存有处置惩罚服务器相应的函数
 if (xmlHttp.readyState == 4) { //readyState 属性存有服务器相应的状况信息
 document.getElementById("to").innerHTML = xmlHttp.responseText; //经由过程 responseText 属性来取回由服务器返回的数据
 }
 }
 xmlHttp.open("POST", "receive.aspx?type=xmlsave", true); 

// open() 要领须要三个参数。第一个参数定义发送要求所运用的要领（GET 照样 POST）。第二个参数划定服务器端剧本的 URL。第三个参数划定应该对要求举行异步地处置惩罚。
 xmlHttp.send(xmlDoc); //send() 要领可将要求送往服务器 
 }
</script>
</head>
<body onload="parseXML()">
<form id="form1" runat="server">
<p>
<h1 id = "to"></h1>
<h1 id ="value"></h1>


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