📄 19.22 动态绑定xml文件.htm

📁 一些javascript的小例子希望对初学者有更好的帮助

💻 HTM

字号:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</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文件下的节点
 for(var i=0; i<oXML.length;i++){ 
  var oDiv = document.createElement("DIV");            //动态创建div
  oDiv.setAttribute("userName",oXML[i].getAttribute("userName")); //为div绑定属性
  oDiv.setAttribute("userAge",oXML[i].getAttribute("userAge"));   //绑定属性
  oDiv.innerText = "Div: " + i;                                //设置div里面的内容
  mydiv.appendChild(oDiv);                                      //将div添加到指定的div下
 } 
 alert(mydiv.innerHTML); 
} 
xml2div(); 
</script> 
</body> 
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -