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