range对象:
是一种fragment(HTML片断)，它包含了节点或文本节点的一部分。一般情况下，同一时刻页面中只可能
有一个range，也有可能是多个range（使用Ctrl健进行多选，不过有的浏览器不允许，例如Chrome）。
可以从selection中获得range对象，也可以使用document.createRange()方法获得
1.getSelection():获取页面选中的信息;
2.rangeCount:区间数，选中几个内容;
3.selection.rangeCount;
4.selection.getRangeAt(i);
5.createRange()方法创建range对象;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>range对象</title> </head> <body> selection对象和range对象 <input type="button" value="点击"> <div></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>
相关文章
精彩导读
热门资讯
关注我们
