怎樣使用JS取得標籤內容
- php中世界最好的语言原創
- 2018-06-04 18:00:013025瀏覽
這次帶給大家怎麼使用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('box');// 获取标签的内容
var box1 = box.innerHTML;
console.log(box1);</script>JS程式碼與效果圖如下：
innerHTML取得標籤中內容
#如果想要清空標籤的內容，innerHTML = ""；即可
如果想要設定標籤中的內容，innerHTML = "填寫想要設定的標籤和內容"；設定內容時，會把原有的內容全部覆蓋。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是怎樣使用JS取得標籤內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn