JS中innerHTML和pasteHTML的區(qū)別實(shí)例分析
本文實(shí)例講述了JS中innerHTML和pasteHTML的區(qū)別。分享給大家供大家參考,具體如下:
innerHTML 是一個(gè)屬性,可以取得或者設(shè)定該元素內(nèi)的 HTML 內(nèi)容,可以是任意能包含 HTML 子節(jié)點(diǎn)的元素都使用它
pasteHTML()是一個(gè)方法,在指定的文字區(qū)域內(nèi)替換該區(qū)域內(nèi)的文本或者HTML,該方法必須應(yīng)用于一個(gè) createTextRange() 或者 document.selection.createRange() 創(chuàng)建的區(qū)域上
例:
<Script Language="JavaScript"> function addLink(){ var oRange = document.selection.createRange(); if(oRange.text!=''){ var oUrl = window.prompt('鏈接網(wǎng)址...','http://www.163.com/'); var oHtml = '<a href='+oUrl+' target=_blank>'+oRange.text+'</a>'; oRange.pasteHTML(oHtml); }else{ window.alert('您沒(méi)有選擇加鏈接的文字!'); } } </Script> 網(wǎng)易 新浪 搜狐<br><br> <input type="button" value="添加鏈接" onclick="addLink();">
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript中innerHTML,innerText,outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實(shí)例分析
- Javascript中innerHTML用法實(shí)例分析
- js中的觸發(fā)事件對(duì)象event.srcElement與event.target詳解
- JavaScript獲得表單target屬性的方法
- js 有框架頁(yè)面跳轉(zhuǎn)(target)三種情況下的應(yīng)用
- JS target與currentTarget區(qū)別說(shuō)明
- javascript currentTarget對(duì)象介紹
- js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
相關(guān)文章
JavaScript創(chuàng)建一個(gè)歡迎cookie彈出窗實(shí)現(xiàn)代碼
歡迎cookie想必大家早有耳聞,利用cookie記錄用戶狀態(tài)信息,當(dāng)用戶再次訪問(wèn)的時(shí)候彈出歡迎框,個(gè)人感覺(jué)還不錯(cuò)吧,希望對(duì)你學(xué)習(xí)cookie有所幫助2013-03-03JsonServer安裝及啟動(dòng)過(guò)程圖解
這篇文章主要介紹了JsonServer安裝及啟動(dòng)過(guò)程圖解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法
今天小編就為大家分享一篇關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07js onmousewheel事件多次觸發(fā)問(wèn)題解決方法
做一個(gè)首屏和第二屏之間滾動(dòng)鼠標(biāo)滾輪就可以整平切換的效果,遇到了很多問(wèn)題,下面是問(wèn)題解決方法2014-10-10