Range——删除和清空节点

最新推荐文章于 2024-05-30 15:52:02 发布

qq_1913284695

最新推荐文章于 2024-05-30 15:52:02 发布

阅读量1.6k

点赞数

分类专栏： html5基础

本文链接：https://blog.csdn.net/qq_21119773/article/details/51627382

版权

html5基础专栏收录该内容

68 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8" />  
    <title></title>  
</head>  
<body>  
	<div id="div"  style="width:500px;height:150px;background-color:pink">
	<div>oopop</div>
	<div>
	那扇门被扭开了，瞬间，所有的气氛都变得温柔可爱了。
	像天使一样可亲的光芒射进雪儿的眼睛。洋洋洒洒的花瓣，如火，如蝶，从那个载满笑声的门里落下。
	</div>
	</div>
	<br>
	<input type="button" οnclick="onc(1)" value="删除div的内容">
	
	<input type="button" οnclick="onc(0)" value="删除div节点">
	<br>
	
</body>   
      
      
<script>  
function onc(boo){
	var div= document.getElementById("div");
	var rangeobj=document.createRange();//创建节点对象
	if(boo==1){
		rangeobj.selectNodeContents(div);//获取div的节点对象,包括子节点
		rangeobj.deleteContents();//删除其里面的文字内容
	}else{
		rangeobj.selectNode(div);
		rangeobj.deleteContents();//删除节点
	}
}
</script>  
</html>

qq_1913284695

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Range——删除和清空节点

oopop 那扇门被扭开了，瞬间，所有的气氛都变得温柔可爱了。像天使一样可亲的光芒射进雪儿的眼睛。洋洋洒洒的花瓣，如火，如蝶，从那个载满笑声的门里落下。 function onc(boo){ var div= document.getElementById("div"); var rangeobj=docume
复制链接

扫一扫

专栏目录