现在的位置: 首页 > 综合 > 正文

Js实现点击按钮创建删除div

2012年01月03日 ⁄ 综合 ⁄ 共 564字 ⁄ 字号 评论关闭

<html>
<head>

</head>

<body>
<div id='div1'></div>
<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>

</html>

抱歉!评论已关闭.