Js實現點選按鈕建立刪除div
阿新 • • 發佈：2019-01-27
<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>
<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>