JS中innerHTML和pasteHTML的區(qū)別實(shí)例分析
本文實(shí)例講述了JS中innerHTML和pasteHTML的區(qū)別。分享給大家供大家參考，具體如下：
innerHTML 是一個屬性，可以取得或者設(shè)定該元素內(nèi)的 HTML 內(nèi)容，可以是任意能包含 HTML 子節(jié)點(diǎn)的元素都使用它
pasteHTML()是一個方法，在指定的文字區(qū)域內(nèi)替換該區(qū)域內(nèi)的文本或者HTML，該方法必須應(yīng)用于一個 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('您沒有選擇加鏈接的文字！');
}
}
</Script>
網(wǎng)易 新浪 搜狐<br><br>
<input type="button" value="添加鏈接" onclick="addLink();">
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JavaScript中innerHTML，innerText，outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實(shí)例分析
- Javascript中innerHTML用法實(shí)例分析
- js中的觸發(fā)事件對象event.srcElement與event.target詳解
- JavaScript獲得表單target屬性的方法
- js 有框架頁面跳轉(zhuǎn)(target)三種情況下的應(yīng)用
- JS target與currentTarget區(qū)別說明
- javascript currentTarget對象介紹
- js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
相關(guān)文章
AJAX跨域請求json數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章介紹了AJAX跨域請求json數(shù)據(jù)的實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-11-11
JavaScript中的6種變體函數(shù)的區(qū)別和應(yīng)用
JavaScript?中函數(shù)調(diào)用有許多獨(dú)特的變體方式,例如?~function、-function?等,這些變體不僅展現(xiàn)了?JavaScript?語言的靈活性,也可以在某些場景下讓代碼更加簡潔,本文將通過示例代碼和解析,來全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別2025-01-01
本節(jié)主要介紹了javascript獲取函數(shù)形參個數(shù)的具體實(shí)現(xiàn)，需要的朋友可以參考下2014-07-07
uniapp?APP消息推送方案實(shí)現(xiàn)全過程
前段時間開發(fā)app的時候要開始做消息推送功能了,下面這篇文章主要給大家介紹了關(guān)于uniapp?APP消息推送方案實(shí)現(xiàn)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
通過滑動翻頁效果實(shí)現(xiàn)和移動端click事件問題
這篇文章主要介紹了滑動翻頁效果實(shí)現(xiàn)和移動端click事件問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
這篇文章主要介紹了JavaScript原型鏈及常見的繼承方法,文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的的參考價值，需要的朋友可以參考一下2022-07-07
這篇文章主要介紹了js彈出確認(rèn)是否刪除對話框，具體實(shí)現(xiàn)代碼如下，需要的朋友可以參考下2014-03-03
es6中使用map簡化復(fù)雜條件判斷操作實(shí)例詳解
這篇文章主要介紹了es6中使用map簡化復(fù)雜條件判斷操作,結(jié)合實(shí)例形式詳細(xì)分析了傳統(tǒng)方法與map簡化復(fù)雜條件判斷的相關(guān)操作技巧,需要的朋友可以參考下2020-02-02
這篇文章主要為大家介紹了微信小程序登錄會話密鑰session失效解決方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
javascript設(shè)計模式 – 訪問者模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計模式 – 訪問者模式,結(jié)合實(shí)例形式分析了javascript訪問者模式基本概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04