在本应用程序中，我们将使用 "cd_catalog.xml" 文件。
下面的实例从第一个 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() 两个函数：
| function next() |
| { // display the next CD, unless you are on the last CD |
| if (i<x.length-1) |
| { |
| i++; |
| displayCD(); |
| } |
| } |
| function previous() |
| { // displays the previous CD, unless you are on the first CD |
| if (i>0) |
| { |
| i--; |
| displayCD(); |
| } |
| } |
