简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

怎樣使用JS取得標籤內容

php中世界最好的语言
發布： 2018-06-04 18:00:01
原創
2959 人瀏覽過

這次帶給大家怎麼使用JS取得標籤內容，使用JS取得標籤內容的注意事項有哪些，以下就是實戰案例，一起來看一下。

        在我們平常的JS程式設計中，常常要取得標籤的內容來運作，有許多細節的東西容易被我們忽略。現在我根據自己平常使用的方法來簡單地總結一下。如有錯誤，請指正。

        HTML結構如下：

<!DOCTYPE  html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body> <p id="box">     <p>这有个     第一个p</p>     <p>这有个第二个p</p>     <span>这是个         span</span>     <br>     <a href="#">这有个a标签</a> </p>
</body> </html>
登入後複製

        此方法可獲得標籤中所有的內容，包括標籤、空格、文字、換行等。
方法一、innerHTML

 <script>
     var box = document.getElementById(&#39;box&#39;);//    获取标签的内容
     var box1 = box.innerHTML;
     console.log(box1);</script>
登入後複製

JS程式碼與效果圖如下：

innerHTML取得標籤中內容 

#如果想要清空標籤的內容，innerHTML = ""；即可

如果想要設定標籤中的內容，innerHTML = "填寫想要設定的標籤和內容"；設定內容時，會把原有的內容全部覆蓋。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

filter怎樣全域使用

JS框架庫使用案例詳解

以上是怎樣使用JS取得標籤內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
javascript 內容 標籤
來源：php.cn
上一篇：在javaScript中如何動態加入Li元素的實例 下一篇：如何使用前端Js框架
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
使用 AJAX、PHP 和伺服器發送事件從 OpenAI 的 API 串流數據 如何使用伺服器傳送事件(SSE)將資料從上述API串流傳輸到使用JavaScript和PHP的瀏覽器客戶端？我已經研究這個問題好幾個小時了，但我似乎無法弄清楚出了什麼問題。作為參考...
來自於 2023-11-11 12:03:23
0
1
497
未捕獲的類型錯誤：無法設定未定義的屬性（設定'innerHTML”） 我正在嘗試使用php創建一個網頁，在“連續文字框”類別（由我的類別定義）的元素上，單擊時必須啟動一個Javascript函數，該函數應該更改另一個函數的內容id“harta-mod...
來自於 2023-11-08 21:06:09
0
1
278
JavaScript中如何取得CSS/HTML命名顏色的RGB值 我已經建立了一個名為[name-rgb]的Javascript物件。你的基本:namedColors={AliceBlue:[240,248,255],AntiqueWhite:[...
來自於 2023-11-06 09:05:50
0
2
210
為什麼這麼多 JavaScript 腳本要附加隨機數字給事物？碰撞？ 我最近一直在學習JavaScript，並且看到了許多使用Math.rand()附加到連結的範例（Face book.com、可讀性書籤）。這解決了什麼問題？ Readability...
來自於 2023-11-04 20:00:04
0
2
296
識別 JavaScript 中的效能限制 我試圖找到我的Javascript中的瓶頸。基本上我正在開發一個用Javascript編寫的chrome擴展，它需要4-5秒來執行任務。該任務涉及大量程式碼，並且使用開發工具中內建...
來自於 2023-10-31 20:47:17
0
1
229
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！