<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:

      也就是從對(duì)象的起始位置到終止位置的全部?jī)?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的全部?jī)?nèi)容外, 還包含對(duì)象標(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)簽,下面是一個(gè)簡(jiǎn)單的符合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 閱讀(8443) 評(píng)論(4)  編輯  收藏 所屬分類: Javascript

    評(píng)論

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

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

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

    sdfa  回復(fù)  更多評(píng)論   

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

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

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

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


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


    網(wǎng)站導(dǎo)航:
     
    <2009年3月>
    22232425262728
    1234567
    891011121314
    15161718192021
    22232425262728
    2930311234

    導(dǎo)航

    統(tǒng)計(jì)

    公告

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

    常用鏈接

    留言簿(3)

    隨筆分類

    隨筆檔案

    文章分類

    相冊(cè)

    收藏夾

    Java Website

    java技術(shù)博客

    搜索

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 亚洲精品黄色视频在线观看免费资源| 亚洲香蕉网久久综合影视| 阿v视频免费在线观看| 亚洲午夜精品久久久久久浪潮| 国产成人久久AV免费| 亚洲最大福利视频| 亚洲一区二区三区在线视频| 1000部夫妻午夜免费| 色偷偷亚洲男人天堂| 亚洲AV第一页国产精品| 我想看一级毛片免费的| 毛片免费视频播放| igao激情在线视频免费| 亚洲看片无码在线视频| 亚洲色精品aⅴ一区区三区| 久久不见久久见免费影院| a级毛片视频免费观看| 久久亚洲精品国产精品婷婷| 亚洲精品美女久久久久99| 免费无遮挡无码视频网站| 人人揉揉香蕉大免费不卡| 国产亚洲欧美日韩亚洲中文色| 久久亚洲精品视频| 国产女高清在线看免费观看| 91高清免费国产自产拍2021| 污网站免费在线观看| 亚洲综合久久一本伊伊区| 亚洲婷婷五月综合狠狠爱| 国产国产人免费人成免费视频 | 国产hs免费高清在线观看| 91香蕉国产线观看免费全集| 中文字幕免费在线看| 国产偷国产偷亚洲清高APP| 亚洲视频在线观看不卡| 亚洲人成无码网站| 亚洲成A∨人片天堂网无码| 成人av免费电影| 国产精品视频免费| 久久午夜伦鲁片免费无码| 99精品全国免费观看视频..| 全部在线播放免费毛片|