JS中innerHTML和pasteHTML的區(qū)別實例分析

更新時間：2016年06月22日 11:06:26 作者：雨竹

這篇文章主要介紹了JS中innerHTML和pasteHTML的區(qū)別,結(jié)合實例形式較為詳細的分析了innerHTML和pasteHTML的具體功能與使用區(qū)別,需要的朋友可以參考下

本文實例講述了JS中innerHTML和pasteHTML的區(qū)別。分享給大家供大家參考，具體如下：

innerHTML 是一個屬性，可以取得或者設定該元素內(nèi)的 HTML 內(nèi)容，可以是任意能包含 HTML 子節(jié)點的元素都使用它

pasteHTML()是一個方法，在指定的文字區(qū)域內(nèi)替換該區(qū)域內(nèi)的文本或者HTML，該方法必須應用于一個 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();">

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

AJAX跨域請求json數(shù)據(jù)的實現(xiàn)方法
這篇文章介紹了AJAX跨域請求json數(shù)據(jù)的實現(xiàn)方法，有需要的朋友可以參考一下
2013-11-11
JavaScript中的6種變體函數(shù)的區(qū)別和應用
JavaScript?中函數(shù)調(diào)用有許多獨特的變體方式,例如?~function、-function?等,這些變體不僅展現(xiàn)了?JavaScript?語言的靈活性,也可以在某些場景下讓代碼更加簡潔,本文將通過示例代碼和解析,來全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別
2025-01-01
javascript 獲取函數(shù)形參個數(shù)
本節(jié)主要介紹了javascript獲取函數(shù)形參個數(shù)的具體實現(xiàn)，需要的朋友可以參考下
2014-07-07
uniapp?APP消息推送方案實現(xiàn)全過程
前段時間開發(fā)app的時候要開始做消息推送功能了,下面這篇文章主要給大家介紹了關于uniapp?APP消息推送方案實現(xiàn)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-01-01
通過滑動翻頁效果實現(xiàn)和移動端click事件問題
這篇文章主要介紹了滑動翻頁效果實現(xiàn)和移動端click事件問題,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01
JavaScript原型鏈及常見的繼承方法
這篇文章主要介紹了JavaScript原型鏈及常見的繼承方法,文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的的參考價值，需要的朋友可以參考一下
2022-07-07
js彈出確認是否刪除對話框
這篇文章主要介紹了js彈出確認是否刪除對話框，具體實現(xiàn)代碼如下，需要的朋友可以參考下
2014-03-03
es6中使用map簡化復雜條件判斷操作實例詳解
這篇文章主要介紹了es6中使用map簡化復雜條件判斷操作,結(jié)合實例形式詳細分析了傳統(tǒng)方法與map簡化復雜條件判斷的相關操作技巧,需要的朋友可以參考下
2020-02-02
微信小程序登錄會話密鑰session失效解決方案
這篇文章主要為大家介紹了微信小程序登錄會話密鑰session失效解決方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-04-04
javascript設計模式 – 訪問者模式原理與用法實例分析
這篇文章主要介紹了javascript設計模式 – 訪問者模式,結(jié)合實例形式分析了javascript訪問者模式基本概念、原理、用法及操作注意事項,需要的朋友可以參考下
2020-04-04