本文摘自PHP中文网,作者青灯夜游,侵删。
javascript获取并删除元素的方法:首先使用“document.querySelector(元素名)”或“document.getElementById(id值)”语句获取元素对象;然后使用“元素对象.remove()”语句删除元素。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript获取并删除元素的方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
</head>
<body>
<div id= "div" style= "border: 2px dashed #006DAF;padding: 10px;" >div元素</div>
<input id= "btn" type= "button" value= "删除子节点" >
</body>
<script>
function deleteChild() {
var div=document.getElementById( "div" );
div.remove();
}
var btn = document.getElementById( "btn" ).onclick = function () {
deleteChild();
}
</script>
</html>
|
效果图:
阅读剩余部分
相关阅读 >>
深入浅析with的使用
text/javascript有什么用
javascript如何捕获窗口关闭事件
如何使用css设计出一个表单页面(附示例)
javascript 删除函数是什么
javascript怎么改页面文字
javascript变量的意思
javascript中如何使用prompt方法
javascript如何求最大值
javascript中table怎么删除行
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript怎么获取元素并删除