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文件中某个标签一致)。