<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    js中innerHTML與innerText的用法與區(qū)別

    用法:

    <div id="test">
       <span style="color:red">test1</span> test2
    </div>

    在JS中可以使用:

    test.innerHTML:

      也就是從對象的起始位置到終止位置的全部內(nèi)容,包括Html標(biāo)簽。

      上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。

    test.innerText: 

      從起始位置到終止位置的內(nèi)容, 但它去除Html標(biāo)簽 

      上例中的text.innerTest的值也就是“test1 test2”, 其中span標(biāo)簽去除了。

    test.outerHTML:

      除了包含innerHTML的全部內(nèi)容外, 還包含對象標(biāo)簽本身。

      上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>


    完整示例:

    <div id="test">
       <span style="color:red">test1</span> test2
    </div>

    <a href="javascript:alert(test.innerHTML)">innerHTML內(nèi)容</a>
    <a href="javascript:alert(test.innerText)">inerHTML內(nèi)容</a>
    <a href="javascript:alert(test.outerHTML)">outerHTML內(nèi)容</a>

    特別說明:

      innerHTML是符合W3C標(biāo)準(zhǔn)的屬性,而innerText只適用于IE瀏覽器,因此,盡可能地去使用innerHTML,而少用innerText,如果要輸出不含HTML標(biāo)簽的內(nèi)容,可以使用innerHTML取得包含HTML標(biāo)簽的內(nèi)容后,再用正則表達(dá)式去除

     

     

    HTML標(biāo)簽,下面是一個簡單的符合W3C標(biāo)準(zhǔn)的示例:

    <a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">無HTML,符合W3C標(biāo)準(zhǔn)</a>

    posted on 2009-03-28 14:09 luofeng225 閱讀(8442) 評論(4)  編輯  收藏 所屬分類: Javascript

    評論

    # re: js中innerHTML與innerText的用法與區(qū)別 2009-03-30 12:46 wjing63

    通俗易懂  回復(fù)  更多評論   

    # re: js中innerHTML與innerText的用法與區(qū)別 2013-02-18 16:48 adsf

    sdfa  回復(fù)  更多評論   

    # re: js中innerHTML與innerText的用法與區(qū)別 [未登錄] 2013-03-29 10:28 丫丫

    挺好的  回復(fù)  更多評論   

    # re: js中innerHTML與innerText的用法與區(qū)別 2013-05-25 16:24 aawu

    innerTest???  回復(fù)  更多評論   


    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導(dǎo)航:
     
    <2013年3月>
    242526272812
    3456789
    10111213141516
    17181920212223
    24252627282930
    31123456

    導(dǎo)航

    統(tǒng)計(jì)

    公告

    我曾經(jīng)聽到這么一個故事: 一個年輕的程序員問一個老程序員(一個比較牛逼的公司的CTO) 年輕程序員: 你為什么這么牛X., 就好像沒有你不會的。老程序員: 積累的。年輕程序員: 怎么才能積累到您的程度呢。我每天都在積累。但是似乎都沒有感覺到進(jìn)步。老程序員: 我從20歲開始做到了一件事情,直到今天,而且盡可能地保證不間斷。年輕程序員: 到底是什么? 老程序員: 我每天保證自己有2個小時在學(xué)習(xí)新的東西。

    常用鏈接

    留言簿(3)

    隨筆分類

    隨筆檔案

    文章分類

    相冊

    收藏夾

    Java Website

    java技術(shù)博客

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 国产综合成人亚洲区| 亚洲人成色77777在线观看| 黄色短视频免费看| 亚洲国产成人久久笫一页| 羞羞网站免费观看| 亚洲高清偷拍一区二区三区| 四虎精品成人免费视频| 国产成人亚洲精品影院| a在线视频免费观看| 亚洲色图在线观看| 亚洲免费在线观看视频| 激情综合亚洲色婷婷五月| 永久免费av无码网站大全| 亚洲av无码片vr一区二区三区| 日韩在线免费看网站| 成人精品综合免费视频| 久久精品亚洲视频| 在线视频免费观看爽爽爽| 亚洲国产欧洲综合997久久| 亚洲毛片网址在线观看中文字幕| 国产精品免费久久久久影院| 久久亚洲精品AB无码播放| 97人妻无码一区二区精品免费| 亚洲精品国产摄像头| 区久久AAA片69亚洲| 1000部禁片黄的免费看| 亚洲第一街区偷拍街拍| 亚洲视频一区二区| 久久99国产综合精品免费| 亚洲人av高清无码| 国产亚洲精品福利在线无卡一| 国产精品永久免费10000| 国产亚洲福利一区二区免费看| 亚洲精品无码不卡在线播HE| 国产a视频精品免费观看| 曰批免费视频播放在线看片二| 亚洲AV无码专区在线播放中文| 成人黄18免费视频| 国产免费爽爽视频在线观看| 亚洲人成色777777老人头| 亚洲精品成人无码中文毛片不卡|