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 閱讀(8454) 評論(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)航:
           
          <2009年3月>
          22232425262728
          1234567
          891011121314
          15161718192021
          22232425262728
          2930311234

          導(dǎo)航

          統(tǒng)計

          公告

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

          常用鏈接

          留言簿(3)

          隨筆分類

          隨筆檔案

          文章分類

          相冊

          收藏夾

          Java Website

          java技術(shù)博客

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 涟水县| 阳原县| 桐柏县| 依兰县| 阳泉市| 乡宁县| 开远市| 泗洪县| 大新县| 石渠县| 水富县| 沧州市| 西乌珠穆沁旗| 梅河口市| 鹤峰县| 息烽县| 江永县| 亚东县| 江津市| 营山县| 泸州市| 永嘉县| 乌兰县| 时尚| 三江| 三台县| 平阳县| 永仁县| 丁青县| 农安县| 西乌珠穆沁旗| 台东县| 东宁县| 绵阳市| 顺平县| 望江县| 安阳市| 大兴区| 凉山| 环江| 搜索|