站長資訊網(wǎng)
獲取方法：1、使用innerHTML屬性，語法“body對象.innerHTML”；2、使用innerText屬性，語法“body對象.innerText”；3、使用textContent屬性，語法“body對象.textContent”。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
方法1：使用innerHTML屬性
此方法可獲取標(biāo)簽中的所有的內(nèi)容，包括標(biāo)簽、空格、文本、換行等。
想要清空標(biāo)簽的內(nèi)容，innerHTML = ""；即可
如果想要設(shè)置標(biāo)簽中的內(nèi)容，innerHTML = "填寫想要設(shè)置的標(biāo)簽和內(nèi)容"；設(shè)置內(nèi)容時，會把原有的內(nèi)容全部覆蓋。
代碼示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div{ border: 2px dashed #006DAF; padding: 10px; width: 300px; } p{ border: 2px dashed #006DAF; padding: 10px; } </style> </head> <body id="body"> <div>div元素 <h2>一個標(biāo)題</h2> <p>一個段落</p> </div><br /> </body> <script> var body = document.getElementById('body'); // 獲取標(biāo)簽的內(nèi)容 var body = body.innerHTML; console.log(body); </script> </html>
效果圖：
方法2：使用innerText屬性
此方法獲取標(biāo)簽(及其子標(biāo)簽)中的所有文本，不會獲取標(biāo)簽（或者說可以過濾掉所有的標(biāo)簽）。如果有多個空格或者是換行，解析為一個空格。
如果想要清空標(biāo)簽的內(nèi)容，innerText = ""；即可
如果想要設(shè)置標(biāo)簽中的內(nèi)容，innerText = "填寫想要設(shè)置的標(biāo)簽和內(nèi)容"；設(shè)置內(nèi)容時，會把原有的內(nèi)容全部覆蓋。但是標(biāo)簽不會被解析，會直接以文本的形式打印在頁面中。
代碼：
<script> var body = document.getElementById('body'); // 獲取標(biāo)簽的內(nèi)容 var body = body.innerText; console.log(body); </script>
效果圖：
方法3：使用textContent屬性
textContent來獲取標(biāo)簽中的內(nèi)容。但是textContent在過濾掉標(biāo)簽時，會保留標(biāo)簽結(jié)構(gòu)。
代碼示例：
<script> var body = document.getElementById('body'); // 獲取標(biāo)簽的內(nèi)容 var body = body.textContent; console.log(body); </script>
效果圖：
【推薦學(xué)習(xí)：javascript高級教程】
