19.22 动态绑定xml文件.htm

来自「一些javascript的小例子希望对初学者有更好的帮助」· HTM 代码 · 共 32 行

HTM

32 行

<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>

19.22 动态绑定xml文件.htm - 源码说明

本页面展示了「一些javascript的小例子希望对初学者有更好的帮助」中的 19.22 动态绑定xml文件.htm 源码文件，采用 HTM 编程语言编写，共 32 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?