JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例
JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例
//替換選中文本內(nèi)容,參數(shù)text為要替換的內(nèi)容
function SetSelectionText(text) {
//非IE瀏覽器
if (window.getSelection) {
var sel = window.getSelection();
alert(sel.rangeCount); //選區(qū)個(gè)數(shù), 通常為 1 .
sel.deleteFromDocument(); //清除選擇的內(nèi)容
var r = sel.getRangeAt(0); //即使已經(jīng)執(zhí)行了deleteFromDocument(), 這個(gè)函數(shù)仍然返回一個(gè)有效對(duì)象.
var selFrag = r.cloneContents(); //克隆選擇的內(nèi)容
var frag = selFrag.childNodes; //如果執(zhí)行了deleteFromDocument(), 這個(gè)數(shù)組長(zhǎng)度將會(huì)是 0
for (var i = 0; i < frag.length; i++) {
alert(frag[i].nodeName); //枚舉選擇的對(duì)象
}
var h1 = document.createElement('H1'); //生成一個(gè)插入對(duì)象
h1.innerHTML = text; //設(shè)置這個(gè)對(duì)象的內(nèi)容
r.insertNode(h1); //把對(duì)象插入到選區(qū), 這個(gè)操作不會(huì)替換選擇的內(nèi)容, 而是追加到選區(qū)的后面, 所以如果需要普通粘貼的替換效果, 之前執(zhí)行deleteFromDocument()函數(shù).
}
else if (document.selection && document.selection.createRange) {
//IE瀏覽器
var sel = document.selection.createRange(); //獲得選區(qū)對(duì)象
alert(sel.htmlText); //選擇區(qū)的html文本.
sel.pasteHTML('<h1>標(biāo)題</h1>'); //粘貼到選區(qū)的html內(nèi)容, 會(huì)替換選擇的內(nèi)容.
}
}
以上這篇JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript html5實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了javascript html5實(shí)現(xiàn)表單驗(yàn)證的具體代碼,感興趣的小伙伴們可以參考一下2016-03-03
JavaScript實(shí)現(xiàn)的圓形浮動(dòng)標(biāo)簽云效果實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的圓形浮動(dòng)標(biāo)簽云效果,涉及javascript字符串與數(shù)組的遍歷、排序操作以及元素樣式動(dòng)態(tài)操作與數(shù)學(xué)運(yùn)算等相關(guān)技巧,是非常實(shí)用的一段代碼,需要的朋友可以參考下2015-08-08
JavaScript中5個(gè)重要的Observer函數(shù)小結(jié)
瀏覽器為開(kāi)發(fā)者提供了功能豐富的Observer,本文主要介紹了JavaScript中5個(gè)重要的Observer函數(shù)小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
微信小程序?qū)崿F(xiàn)點(diǎn)擊返回頂層的方法
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊返回頂層的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
js對(duì)列表中第一個(gè)值處理與jsp頁(yè)面對(duì)列表中第一個(gè)值處理的區(qū)別詳解
本文是對(duì)js對(duì)列表中第一個(gè)值處理與jsp頁(yè)面對(duì)列表中第一個(gè)值處理的區(qū)別進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11

