javascript动态添加删除元素

在实际应用中，可能需要动态的添加或者删除元素，下面就简单介绍一下如何实现此操作。
一.添加元素:

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

<script type="text/javascript">
var mylink=document.createElement("a");
mylink.id="thelink";
mylink.innerHTML="51前端";
mylink.href="http://www.51qianduan.com";
window.onload=function(){
  var mydiv=document.getElementById("mydiv");
  mydiv.appendChild(mylink);
}
</script>
</head>
<body>
  <div id="mydiv"></div>
</body>
</html>

以上代码可以创建一个超链接，并且添加到div中去。

二.删除元素:

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

<script type="text/javascript">
window.onload=function(){
  var main=document.getElementById("main");
  var second=document.getElementById("second");
  main.removeChild(second);
}
</script>
</head>
<body>
<div id="main">
 <div id="mydiv">51前端一</div>
 <div id="second">51前端二</div>
</div>
</body>
</html>

代码描述：javascript动态添加删除元素。javascript动态添加删除元素

下载全部收藏

168 224

用户评论

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