range+标签+html5,HTML5的Rang对象

基本概念

Range对象代表页面上的一段连续的区域。通过Range对象，可以获取或修改网页上的任何区域。

Selection与Range对象的使用

function rangeTest() {

var html;

showRangeDiv=document.getElementById("showRange");

selection=document.getSelection();

if(selection.rangeCount>0){

html="选取成功>"+selection.rangeCount+">";

for(var i=0;i

var range=selection.getRangeAt(i);

html+="第"+(i+1)+"段内容为："+range+"
";

}

showRangeDiv.innerHTML=html;

}

}

Selection与Range对象的使用

selectNodeContents和selectNode

function deleteRangeContent(onlyContent) {

var div=document.getElementById("div");

var rangeObj=document.createRange();

if(onlyContent){

rangeObj.selectNodeContents(div);//内容开始和内容结束

rangeObj.deleteContents();

}else{

rangeObj.selectNode(div);//元素开始和元素结束

rangeObj.deleteContents();

}

}

这里是div元素的内容

删除内容

删除元素