我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的HtmlDom大专家?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道删除HTML 元素的方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
emoveChild()方法:删除节点
如果删除成功,则返回被删除节点;如果失败,则返回 null。
当使用 removeChild() 方法删除节点时,该节点所包含的所有子节点将同时被删除。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="CJ">
<h3 id="cj1">Hello!陈老师的杰哥工作室1</h3>
<h3 id="cj2">Hello!陈老师的杰哥工作室2</h3>
</div>
<script>
var ChenJie=document.getElementById("CJ");
var chenjie=document.getElementById("cj2");
ChenJie.removeChild(chenjie);
</script>
</body>
</html>
var ChenJie=document.getElementById("CJ")
把含有CJ关键字的元素查找出来,并把这个元素的数据结构赋值给ChenJie。
var chenjie=document.getElementById("cj2")
把含有cj2关键字的元素查找出来,并把这个元素的数据结构赋值给chenjie。
ChenJie.removeChild(chenjie)
把chenjie包含的数据结构从ChenJie包含的数据结构中删除。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html