javascript动态创建元素代码实例下载

在实际应用中，可能需要根据实际的需求动态的创建元素以供使用，下面是一段简单的代码实例。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
var addItems=function() 
{ 
  document.getElementById("thediv").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("thediv").appendChild(input); 
    document.getElementById("thediv").appendChild(br); 
  } 
} 
window.onload=function()
{
  var btn=document.getElementById("btn");
  btn.onclick=function()
  {
    addItems();
  }
}
</script> 
</head> 
<body> 
<input type="text" id="itemsNumber"> 
<input type="button" id="btn" value="点击创建" /> 
<div id="thediv"></div> 
</body> 
</html>

代码描述：javascript动态创建元素。javascript动态创建元素代码实例下载

下载全部收藏

141 188

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册