range オブジェクト:
は、ノードまたはテキスト ノードの一部を含むフラグメント (HTML フラグメント) です。通常の状況では、ページ上に同時に存在できる範囲は 1 つだけであるか、複数の範囲が存在する場合があります (複数選択するには Ctrl キーを使用しますが、Chrome などの一部のブラウザではそれが許可されていません)。
選択範囲から範囲オブジェクトを取得することも、document.createRange() メソッドを使用して取得することもできます
1.getSelection(): ページ上で選択されている情報を取得します
2.rangeCount: 間隔の数、選択されたコンテンツの数;
3.selection.rangeCount;
4.selection.getRangeAt(i);
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>range对象</title>
</head>
<body>
selection对象和range对象
<input type="button" value="点击" onclick="use()">
<div id="rangeDiv"></div>
<script>
function use() {
var html;
rangeDiv=document.getElementById("rangeDiv");
selection=document.getSelection();
if(selection.rangeCount>0){
html="您选择了"+selection.rangeCount+"段内容<br/>" ;
for(var i=0;i<selection.rangeCount;i++){
var range=selection.getRangeAt(i);
html+="第"+(i+1)+"段内容为:"+range+"<br/>";
}
rangeDiv.innerHTML=html;
}
}
</script>
</body>
</html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
