Range对象
一个Range对象代表页面上一段连续的区域。通过Range对象,可以获取或修改页面上的任何区域。
range demo
Range与Selection对象的应用
function rangeTest(){
var html;//定义一个html变量来承载div中的内容
showRange = document.getElementById("showRange");
Selection = document.getSelection();//获取selection对象
if(Selection.rangeCount>0){
//判断选取了selection选择了几块区域,firefox浏览器按ctrl键可选择2块区域;safari和chrome只能选择1块区域
html="您选择了"+Selection.rangeCount+"块区域的内容
";
for(var i=0;i
{
var range = Selection.getRangeAt(i); //获取range对象
html+="第"+(i+1)+"段内容为:"+range;
}
}
showRange.innerHTML = html;
}