XML 教程
1. XML 教程 2. XML 简介 – 什么是 XML? 3. XML 用途 4. XML 树结构 5. XML 语法 6. XML 元素 7. XML 属性 8. XML DTD 9. XML 验证器 10. 查看 XML 文件 11. XML 和 CSS 12. XML 和 XSLT 13. XMLHttpRequest 对象 14. XML 解析器 15. XML DOM 16. 在 HTML 页面中显示 XML 数据 17. XML 应用程序 18. XML 命名空间 19. XML CDATA 20. XML 编码 21. 服务器上的 XML 22. XML DOM 高级 23. XML 注意事项 24. XML 技术 25. 现实生活中的 XML 26. XML 编辑器 27. XML E4X 28. XML 总结 29. XML 实例

XML DOM 高级

XML DOM 高级


XML DOM - 高级

本教程的较早章节中,我们介绍了 XML DOM,并使用了 XML DOM 的 getElementsByTagName() 方法从 XML 文档中取回数据。

在本章中我们将结合一些其他重要的 XML DOM 方法。

您可以在我们的 XML DOM 教程 中学习更多有关 XML DOM 的知识。


获取元素的值

下面的实例中使用的 XML 文件:books.xml

下面的实例检索第一个 <title> 元素的文本值:

实例

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

55面试教程网 »


获取属性的值

下面的实例检索第一个 <title> 元素的 "lang" 属性的文本值:

实例

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

55面试教程网 »


改变元素的值

下面的实例改变第一个 <title> 元素的文本值:

实例

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

55面试教程网 »


创建新的属性

XML DOM 的 setAttribute() 方法可用于改变现有的属性值,或创建一个新的属性。

下面的实例创建了一个新的属性(edition="first"),然后把它添加到每一个 <book> 元素中:

实例

x=xmlDoc.getElementsByTagName("book");

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

55面试教程网 »


创建元素

XML DOM 的 createElement() 方法创建一个新的元素节点。

XML DOM 的 createTextNode() 方法创建一个新的文本节点。

XML DOM 的 appendChild() 方法向节点添加子节点(在最后一个子节点之后)。

如需创建带有文本内容的新元素,需要同时创建元一个新的元素节点和一个新的文本节点,然后把他追加到现有的节点。

下面的实例创建了一个新的元素(<edition>),带有如下文本:First,然后把它添加到第一个 <book> 元素:

实例

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);

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

55面试教程网 »

实例解释

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

删除元素

下面的实例删除第一个 <book> 元素的第一个节点:

实例

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

55面试教程网 »

注释:上面实例的结果可能会根据所用的浏览器而不同。Firefox 把新行字符当作空的文本节点,而 Internet Explorer 不是这样。您可以在我们的 XML DOM 教程 中阅读到更多有关这个问题以及如何避免它的知识。