点击按钮添加元素是js的基础功能,我发现还是有很大的人不会使用 !本站帮助别人充实自己的原则!在本站发布出来这个代码让需要的人下载这个设计相关的代码 wordpress开发中也是经常使用这个的

爱程序发布  Exploit

<html>
<head>

</head>

<body>

<input type = 'button' onclick='addElement()' value='添加元素'>
<input type = 'button' onclick='dropElement()' value='删除元素'>
</body>
<script>
  var i = 1;
  function addElement(){
    var div = document.createElement('div');
    div.style.backgroundColor = 'red';
div.style.fontSize = '100px';
div.innerHTML = '要添加的内容可以是变量';
div.id = 'Elem'+i;
document.getElementById('div1').appendChild(div);
i++;
  }
  function dropElement(){
    var aaa = document.getElementById('Elem'+(i-1));
document.getElementById('div1').removeChild(aaa);
i--;
  }

</script>
<div id='div1'></div><!--输出到该标签内容-->
</html>