博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js动态添加div和删除div
阅读量:5922 次
发布时间:2019-06-19

本文共 684 字,大约阅读时间需要 2 分钟。

<div id="container">

<input type="text" id="test"><button id="add">添加</button>
</div>
<div><p>tetse</p></div>
<script type="text/javascript">
var add = document.getElementById('add');
var container =document.getElementById('container');
var node=container.nextSibling;
add.onclick = function(){
oDiv = document.createElement('div');
oDiv.innerHTML = "<div id='container1'><input type='text' id='test'><input type='button' οnclick='test(this)' value='减少'/></div>";
container.parentNode.insertBefore(oDiv, node)
node=oDiv.nextSibling;
}
function test(test){
test.parentNode.parentNode.removeChild(test.parentNode);
}
</script>
</body>

转载于:https://www.cnblogs.com/dengjava/p/7810357.html

你可能感兴趣的文章
学习日志---python(函数式编程)
查看>>
nohup命令--让命令后台不中断运行
查看>>
cisco之路由器DHCP配置
查看>>
MySQL多版本多实例的实现
查看>>
BitmapFactory的OutOfMemoryError: bitmap size exceeds VM budget解决方案
查看>>
linux之route命令
查看>>
我的友情链接
查看>>
Java压缩与解压缩
查看>>
一、初识CMDB
查看>>
Apache Httpd服务器之认证与授权
查看>>
我的友情链接
查看>>
Exchange邮箱弱密码所造成的影响
查看>>
bash基础特性:快捷键&通配符
查看>>
ls命令实际使用
查看>>
web基础概念(待补全)v0.9
查看>>
Mysql slow query log
查看>>
Zabbix 2.2 安装图解教程
查看>>
磁盘及磁盘阵列系统选择
查看>>
我的友情链接
查看>>
管理REDO LOG记录
查看>>