利用JS實(shí)現(xiàn)動(dòng)態(tài)綁定XML文件

2012/11/10 10:00:50作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

綁定xML文件的內(nèi)容可以在span中添加“datafld”屬性，但這是靜態(tài)的方法。本例學(xué)乏如何使用JavaScript實(shí)現(xiàn)XML文件的動(dòng)態(tài)綁定。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
</head>
<body> 
<XML ID="xmlUser"> 
    <?xml version="1.0" ?> 
    <userinfo> 
      <datacol userName="張三" userAge="20"/>  
      <datacol userName="李四" userAge="21"/>  
    </userinfo> 
 </XML> 
<div id=mydiv> 
</div> 
<script language="JavaScript"> 
function xml2div(){ 
 var oXML; 
 oXML = xmlUser.selectNodes("userinfo/datacol");       
//找到xml文件下的節(jié)點(diǎn)
 for(var i=0; i<oXML.length;i++){ 
  var oDiv = document.createElement("DIV");            
//動(dòng)態(tài)創(chuàng)建div
  oDiv.setAttribute("userName",oXML[i].getAttribute("userName")); 
//為div綁定屬性
  oDiv.setAttribute("userAge",oXML[i].getAttribute("userAge"));   
//綁定屬性
  oDiv.innerText = "Div: " + i;                                
//設(shè)置div里面的內(nèi)容
  mydiv.appendChild(oDiv);                                      
//將div添加到指定的div下
 } 
 alert(mydiv.innerHTML); 
} 
xml2div(); 
</script> 
</body> 
</html>

【運(yùn)行效果】

動(dòng)態(tài)綁定XML文件運(yùn)行效果