<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > 頁面特效 > 正文

          js中innerHTML,innerText,outerHTML的用法與區別

          網絡 2009/9/2 16:27:36 深山行者 字體: 瀏覽 9011

          用法:

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

          在JS中可以使用:

          test.innerHTML:
            也就是從對象的起始位置到終止位置的全部內容,包括Html標簽。
            上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。

          test.innerText:
            從起始位置到終止位置的內容, 但它去除Html標簽
            上例中的text.innerTest的值也就是“test1 test2”, 其中span標簽去除了。
          test.outerHTML:
            除了包含innerHTML的全部內容外, 還包含對象標簽本身。
            上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>

          特別說明:
            innerHTML是符合W3C標準的屬性,而innerText只適用于IE瀏覽器,因此,盡可能地去使 用innerHTML,而少用innerText,如果要輸出不含HTML標簽的內容,可以使用innerHTML取得包含HTML標簽的內容后,再用正 則表達式去除HTML標簽,下面是一個簡單的符合W3C標準的示例:

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

          完整示例:

          以下為詳細代碼
          相關閱讀
          深山行者留言系統V3.3發布
          對access數據表進行操作
          鍵盤上shift鍵的奇妙用途
          CSS的優化與技巧
          中國青島春秋國際旅行社有限公司
          旅行社線路主題默認模板3
          css里media屬性詳解
          商務會議系統
          共有0條關于《js中innerHTML,innerText,outerHTML的用法與區別》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          jquery下拉到某個固定位置然后某些元素發生改變樣式狀態
          canvas繪制的文字如何換行
          兼容pc、移動端用js實現復制內容到剪切板(支持蘋果safari瀏覽器)
          js兼容多個瀏覽器右下角漂浮廣告
          兼容ie6+和火狐的禁止右鍵
          做在線客服時,聊天窗口的div滾動條始終在底部
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          asp Microsoft.XMLHTTP生成靜態頁延遲解決方案
          HTML文檔中meta標簽的作用
          CSS設計中常見的精華問題收集
          使用uiautomatorviewer連接模擬器頁面報錯:Error while obtaining UI hierarchy XML file
          一些關于素材的網站
          深山留言板(激情圣誕集合五套模板)v4.4
          88国产精品视频一区二区三区