W3School TIY
脚 本 学 堂 www.jbxue.com
编辑您的代码：
<html> <head> <script type="text/javascript"> var xmlDoc; // code for IE if (window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } // code for Mozilla, Firefox, Opera, etc. else if (document.implementation.createDocument) { xmlDoc=document.implementation.createDocument("","",null); } else { alert('Your browser cannot handle this script'); } xmlDoc.async=false; xmlDoc.load("../example/xmle/cd_catalog.xml"); var x=xmlDoc.getElementsByTagName("CD"); i=0; function next() { if (i<x.length) { i++; display(); } } function previous() { if (i>0) { i--; display(); } } function display() { 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); document.getElementById("show").innerHTML="Artist: " + artist + "<br />Title: " + title + "<br />Year: "+ year; } </script> </head> <body onload="display()"> <div id='show'> </div> <br /> <input type="button" onclick="previous()" value="previous" /> <input type="button" onclick="next()" value="next" /> </body> </html>
查看结果: