JS中innerHTML和pasteHTML的區(qū)別實例分析
本文實例講述了JS中innerHTML和pasteHTML的區(qū)別。分享給大家供大家參考,具體如下:
innerHTML 是一個屬性,可以取得或者設(shè)定該元素內(nèi)的 HTML 內(nèi)容,可以是任意能包含 HTML 子節(jié)點的元素都使用它
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é)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JavaScript中innerHTML,innerText,outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實例分析
- Javascript中innerHTML用法實例分析
- 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)文章
JavaScript創(chuàng)建一個歡迎cookie彈出窗實現(xiàn)代碼
歡迎cookie想必大家早有耳聞,利用cookie記錄用戶狀態(tài)信息,當用戶再次訪問的時候彈出歡迎框,個人感覺還不錯吧,希望對你學(xué)習cookie有所幫助2013-03-03
關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法
今天小編就為大家分享一篇關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js onmousewheel事件多次觸發(fā)問題解決方法
做一個首屏和第二屏之間滾動鼠標滾輪就可以整平切換的效果,遇到了很多問題,下面是問題解決方法2014-10-10

