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

          用法:

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

          在JS中可以使用:

          test.innerHTML:

            也就是從對(duì)象的起始位置到終止位置的全部內(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)容外, 還包含對(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è)簡單的符合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 閱讀(8455) 評(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)航:
           
          <2013年5月>
          2829301234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678

          導(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)論排行榜

          主站蜘蛛池模板: 山阳县| 米脂县| 奉化市| 苍南县| 泽州县| 息烽县| 兰西县| 神农架林区| 固镇县| 邹城市| 凤翔县| 天峻县| 三河市| 广灵县| 旌德县| 全南县| 弋阳县| 永嘉县| 睢宁县| 佛学| 裕民县| 浦县| 确山县| 南京市| 轮台县| 江安县| 绩溪县| 加查县| 舒城县| 乃东县| 安平县| 南雄市| 乌鲁木齐县| 乌鲁木齐市| 太和县| 巨野县| 济源市| 德州市| 年辖:市辖区| 集贤县| 青州市|