js如何动态为指定的元素添加内容

在实际应用中要根据代码的执行情况来动态的创建一个元素，然后添加到指定的元素，下面就通过一个简单的实例简单的介绍一下如何实现此效果，代码实例如下:

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

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51qianduan.com/" /> 
<title>js如何动态为指定的元素添加内容-51前端</title> 
<script type="text/javascript"> 
var timer=null;
var append=null;
function util()
{ 
  var elm=function()
  { 
    return document.getElementById("thediv"); 
  } 
  var createtxt=function()
  { 
    var textNode=document.createTextNode("51前端"); 
    var divNode=document.createElement("div"); 
    divNode.appendChild(textNode); 
    return divNode; 
  } 
  this.done=function(){ 
    elm().appendChild(createtxt()); 
  } 
} 
window.onload=function()
{
  var bt=document.getElementById("bt");
  bt.onclick=function(){clearInterval(timer)}
    
  append=new util(); 
  timer=setInterval(function(){
  append.done()
     
  },1000); 
}
</script> 
</head> 
<body> 
  <div id="thediv"></div> 
  <input type="button" id="bt" value="停止添加"/>
</body> 
</html>

代码描述：js动态元素添加内容。js如何动态为指定的元素添加内容

下载全部收藏

141 188

用户评论

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