JavaScript操作选择对象的简单实例
JavaScript操作选择对象的简单实例
//替换选中文本内容，参数text为要替换的内容
functionSetSelectionText(text){
//非IE浏览器
if(window.getSelection){
varsel=window.getSelection();
alert(sel.rangeCount);//选区个数,通常为1.
sel.deleteFromDocument();//清除选择的内容
varr=sel.getRangeAt(0);//即使已经执行了deleteFromDocument(),这个函数仍然返回一个有效对象.
varselFrag=r.cloneContents();//克隆选择的内容
varfrag=selFrag.childNodes;//如果执行了deleteFromDocument(),这个数组长度将会是0
for(vari=0;i<frag.length;i++){
alert(frag[i].nodeName);//枚举选择的对象
}
varh1=document.createElement('H1');//生成一个插入对象
h1.innerHTML=text;//设置这个对象的内容
r.insertNode(h1);//把对象插入到选区,这个操作不会替换选择的内容,而是追加到选区的后面,所以如果需要普通粘贴的替换效果,之前执行deleteFromDocument()函数.
}
elseif(document.selection&&document.selection.createRange){
//IE浏览器
varsel=document.selection.createRange();//获得选区对象
alert(sel.htmlText);//选择区的html文本.
sel.pasteHTML('<h1>标题</h1>');//粘贴到选区的html内容,会替换选择的内容.
}
}
以上这篇JavaScript操作选择对象的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。