XML 教程

XML 简介 XML 用途 XML 树结构 XML 语法 XML 元素 XML 属性 XML 验证 XML 验证器 XML 查看 XML CSS XML XSLT XML HTTP Request XML 解析器 XML DOM XML to HTML XML 应用程序 XML 命名空间 XML CDATA XML 编码 XML 服务器 XML DOM 高级 XML 注意事项 XML 技术 XML 现实案例 XML 编辑器 XML E4X XML 总结

XML 应用程序

XML应用程序

本章演示一些基于 XML, HTML, XML DOM 和 JavaScript 构建的小型 XML 应用程序。

在 HTML div 元素中显示第一个 CD

下面的实例从第一个 CD 元素中获取 XML 数据，然后在 id="showCD" 的 HTML 元素中显示数据。displayCD() 函数在页面加载时调用：

实例

x=xmlDoc.getElementsByTagName("CD");
i=0;

function displayCD()
{
artist=(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
year=(x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);
txt="Artist: " + artist + "<br />Title: " + title + "<br />Year: "+ year;
document.getElementById("showCD").innerHTML=txt;
}

添加导航脚本

为了向上面的实例添加导航（功能），需要创建 next() 和 previous() 两个函数：

实例