您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js创建元素(节点)示例

作者:佚名    责任编辑:admin    更新时间:    2015-10-15 10:17:31

 本文为大家介绍下使用js是如何创建元素(节点)的,感兴趣的朋友不要错过 

代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <title>jquery2</title>  <script type="text/javascript">  //创建节点  var addItems = function() {  document.getElementById("div1").innerHTML = "";  var value = parseInt(document.getElementById('itemsNumber').value);  for (var i = 0; i < value; i++) {  var input = document.createElement("input");  input.setAttribute("type", "text");  var br = document.createElement("br");  document.getElementById("div1").appendChild(input);  document.getElementById("div1").appendChild(br);    }  }  </script>  </head>  <body>  <input type="text" id="itemsNumber">  <input type="button" id="btn" value="click" onclick="addItems();" >  <div id="div1"></div>  </body>  </html>