需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html。
2、在index.html的<script>标签中,输入js代码:document.body.removeChild(document.getElementById("1"))。
3、浏览器运行index.html页面,此时会发现123所在的整个div以及它的内容都被移除了。
删除属性使用 removeAttribute方法。
删除节点使用 parentNode.removeChild(node)
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">
onload=function(){
btn.onclick=function(){
var container = document.querySelector('#container')
var textInput = document.querySelector('#text')
var testBtn = document.querySelector('#test')
testBtn.removeAttribute('onclick')
container.removeChild(textInput)
}
}
</script>
</head>
<body>
<div id="container">
<input type="text" name="text" id="text" value="" />
<input type="button" value="仅作测试" id="test" onclick ="javascript:alert('存在点击事件Attribute')" />
<input type="button" value="删除按钮的onclick及id=text的文本框" id="btn" />
</div>
</body>
</html>
js还是Jquery?js e.parentNode.parentNode.parentNode.removeChild[0]
如果是js的话必须要找到你要删除的节点的父节点才能删除
Jquery
$(e).parent().parent().remove()
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)