JavaScript操作選擇對象的簡單實(shí)例
JavaScript操作選擇對象的簡單實(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è)有效對象.
var selFrag = r.cloneContents(); //克隆選擇的內(nèi)容
var frag = selFrag.childNodes; //如果執(zhí)行了deleteFromDocument(), 這個(gè)數(shù)組長度將會(huì)是 0
for (var i = 0; i < frag.length; i++) {
alert(frag[i].nodeName); //枚舉選擇的對象
}
var h1 = document.createElement('H1'); //生成一個(gè)插入對象
h1.innerHTML = text; //設(shè)置這個(gè)對象的內(nèi)容
r.insertNode(h1); //把對象插入到選區(qū), 這個(gè)操作不會(huì)替換選擇的內(nèi)容, 而是追加到選區(qū)的后面, 所以如果需要普通粘貼的替換效果, 之前執(zhí)行deleteFromDocument()函數(shù).
}
else if (document.selection && document.selection.createRange) {
//IE瀏覽器
var sel = document.selection.createRange(); //獲得選區(qū)對象
alert(sel.htmlText); //選擇區(qū)的html文本.
sel.pasteHTML('<h1>標(biāo)題</h1>'); //粘貼到選區(qū)的html內(nèi)容, 會(huì)替換選擇的內(nèi)容.
}
}
以上這篇JavaScript操作選擇對象的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS中如何實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽返回頁面頂部的問題
這篇文章主要介紹了JS中實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽返回頁面頂部的問題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-01-01
使用forEach和ES6實(shí)現(xiàn)tab切換的示例代碼
tab切換在很多菜單欄中都可以用到,本文主要介紹了使用forEach和ES6實(shí)現(xiàn)tab切換的示例代碼,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
javascript保留兩位小數(shù)的實(shí)現(xiàn)方法你了解嗎
這篇文章主要為大家介紹了javascript保留兩位小數(shù)的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01
JavaScript獲取服務(wù)器時(shí)間的方法詳解
這篇文章主要介紹了JavaScript獲取服務(wù)器時(shí)間的方法,結(jié)合實(shí)例形式詳細(xì)分析了javascript基于ajax獲取服務(wù)器時(shí)間的相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解
這篇文章主要介紹了js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
javascript 用函數(shù)語句和表達(dá)式定義函數(shù)的區(qū)別詳解
本篇文章主要介紹了javascript 用函數(shù)語句和表達(dá)式定義函數(shù)的區(qū)別。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01
JS解決Date對象在IOS中的“大坑” 以及時(shí)間格式兼容問題
這篇文章主要介紹了JS解決Date對象在IOS中的“大坑” 以及時(shí)間格式兼容問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
完美實(shí)現(xiàn)js拖拽效果 return false用法詳解
這篇文章主要為大家詳細(xì)介紹了完美實(shí)現(xiàn)js拖拽效果的代碼,一起學(xué)習(xí)return false的用法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
利用JavaScript編寫一個(gè)花里胡哨的點(diǎn)擊按鈕
這篇文章主要介紹了如何利用HTML+CSS+JavaScript制作一個(gè)花里胡哨的點(diǎn)擊按鈕。文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2022-03-03

