Js实现点击按钮创建删除div
来源:互联网 发布:淘宝商城相框 编辑:程序博客网 时间:2024/06/06 16:25
<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>
- Js实现点击按钮创建删除div
- [js]多个按钮点击添加div,再点击删除
- javascript点击按钮创建新的div
- JS实现点击按钮滑动
- 点击地图div上的按钮实现对地图数据的操作:查询点、添加点、删除点
- 防止按钮重复点击的js实现
- js实现按钮点击增加输入框
- js实现快捷键绑定按钮点击事件
- js实现点击按钮,弹出新窗口
- js实现点击按钮变换背景颜色
- js+css实现点击按钮水波纹
- JS实现点击按钮,下载文件
- js实现点击按钮变换背景颜色
- js实现点击按钮自动生成li
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js动态创建和删除一个div
- js动态创建和删除div
- 使用XML作为项目的配置文件使用,并解析之,获得数据作为链接数据库的参数
- 制作一个简易的相册用js
- hdu 1232 畅通工程【并查集入门】
- [Python 06] 抽象
- Web程序从Struts向Stripes框架的移植
- Js实现点击按钮创建删除div
- [Python 07] 更加抽象
- PHP通过DOM方式解析获得每本书的作者和书名
- 函数库调用 VS 系统调用
- 通过document.getElementsById来实现 复选框的全选,全部选,反选
- DFS求一个有序数列的排列
- u-boot
- harrtraining生成.xml文件过程
- javascript复选框