Range——collapse()，detach()

最新推荐文章于 2024-03-24 10:05:03 发布

qq_1913284695

最新推荐文章于 2024-03-24 10:05:03 发布

阅读量796

点赞数

分类专栏： html5基础

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

版权

html5基础专栏收录该内容

68 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8" />  
    <title></title>  
</head>  
<body>  
	 
	<div id="d"  style="background-color:red">kkkkkkkkkkkkk</div>
	<input type="button" value="选择元素" οnclick="onc1()" id="b">
	<input type="button" value="显示选择内容" οnclick="onc2()" id="b">
	<input type="button" value="取消元素" οnclick="onc3()" id="b">
	<input type="button" value="释放对象" οnclick="onc4()" id="b">
</body>   
      
      
<script> 
var r=document.createRange();
function onc1(){
	var d=document.getElementById("d");
	r.selectNode(d);//获得元素 
}
function onc2(){
	alert(r.toString());
}
function onc3(){
	r.collapse(false);//false取消选择的对象，
}
function onc4(){
	r.detach();//释放对象
}
</script>  
</html>