XML DOM深入浅出之节点操作
XML DOM深入浅出之节点操作
作者:张小飞 iteye账号:z_xiaofei168
今天就来和大家分享下,关于节点的操作。也就是所谓的增删改查,不过我目前用的比较多的还是查,因为数据多是从后台查询出来的,也就暂时用不着再增、改和删了。不过我会把这些方法都写到博客中和大家分享。相信在不同的开发中会有不同的作用。
一、XML DOM获取节点值
nodeValue 属性用于获取节点的文本值。
getAttribute() 方法返回属性的值。
1、获取元素的值
在 DOM 中,每种成分都是节点。元素节点没有文本节点。元素节点的文本存储在子节点中。该节点称为文本节点。获取元素文本的方法,就是获取这个子节点(文本节点)的值。
getElementsByTagName() 方法返回包含拥有指定标签名的所有元素的节点列表,其中的元素的顺序是它们在源文档中出现的顺序。
// 加载book.xml文件 xmlDoc = loadXMLDoc("<%=path %>/xml/book.xml"); x = xmlDoc.getElementsByTagName("title")[0]; y = x.childNodes[0]; // childNodes 属性返回子节点的列表 txt = y.nodeValue; // nodeValue 属性返回文本节点的文本值 document.write("获取元素值: "+txt); document.write("<br/>");
2、获取属性的值
在 DOM 中,属性也是节点。与元素节点不同,属性节点拥有文本值。获取属性的值的方法,就是获取它的文本值。可以通过使用 getAttribute() 方法或属性节点的 nodeValue 属性来完成这个任务。
att = xmlDoc.getElementsByTagName("title")[0].getAttribute("low"); document.write("获取属性值: "+att);
setAttribute() 方法用于改变属性的值。
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.nodeValue="Hello World";
二、XML DOM获取节点值
1、改变元素的值
aa = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue="Hello World"; document.write("改变元素值: "+aa); document.write("<br/>");
2、改变属性的值
bb=xmlDoc.getElementsByTagName('book')[0].setAttribute("category","WEB"); document.write("改变属性值: "+bb); document.write("<br/>");
nodeValue 属性可用于更改属性节点的值:
xx=xmlDoc.getElementsByTagName("book")[0] yy=xx.getAttributeNode("category"); yy.nodeValue="WEB";
三、XML DOM创建和添加节点
1、创建节点
createElement() 方法创建新的元素节点,createAttribute() 用于创建新的属性节点,由于 setAttribute() 可以在属性不存在的情况下创建新的属性,我们可以使用这个方法来创建新属性,createTextNode() 方法创建新的文本节点。createComment() 方法创建一个新的注释节点等等。
// 创建新的元素节点 newel=xmlDoc.createElement("desk"); // 创建新的属性节点 newatt=xmlDoc.createAttribute("edition"); newatt.nodeValue="aa"; // 通过使用 setAttribute() 来创建属性 x[0].setAttribute("desk","bb"); x.appendChild(newel); // 创建文本节点 newtext=xmlDoc.createTextNode("cc"); newel.appendChild(newtext);
2、添加节点 - appendChild()
appendChild() 方法向已存在的节点添加子节点。新节点会添加(追加)到任何已存在的子节点之后。
四、XML DOM删除节点
removeChild() 方法删除指定节点。
removeAttribute() 方法删除指定属性。