XML绑定到Table

XML描述的数据是可以绑定到表格上的.下面是一个例子：

HTML代码如下：

< html >
< script > ...
function test()
...{
    var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async="false";
    xmlDoc.load("cd_catalog.xml");
    var nodes= xmlDoc.documentElement.selectNodes("CD/TITLE");//获取所有匹配的（TITLE）节点的值
    for(var i=0;i<nodes.length;i++)
    ...{
        alert(nodes[i].text+" ");
    }
    //alert(xmlDoc.xml);
    //var node=xmlDoc.documentElement.selectSingleNode("CD/TITLE");//获取匹配的第一个（TITLE）节点的值
    //alert(node.text);
}


</ script >
< body  onLoad ="test()" >

< xml  id ="cdcat"  src ="cd_catalog.xml"  tppabs ="http://www.w3schools.com/xml/cd_catalog.xml" ></ xml >
< br >
< table  border ="1"  datasrc ="#cdcat" >
< thead >
< th > ARTIST </ th >
< th > TITLE </ th >
</ thead >
< tr >
< td >
< span  datafld ="ARTIST" ></ span >
</ td >
< td >
< span  datafld ="TITLE" ></ span >
</ td >
</ tr >
</ table >
</ body >
</ html >

 用到的XML文件请参见我写的文章：javascript实现XML导航。

注：在table标签上用datasrc＝“＃xmlID”来绑定XML文件，xmlID是xml标签的id属性。datafld属性只能写在span或是div中（好像是这样的，读者可以尝试写在其他标签中），格式为datafld＝“name”，其中name是要绑定到该span或是div的值在xml文件中的描述（必须和XML文件中某个标签一致）。