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

字號(hào):


    本文實(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();">
    希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。