站長(zhǎng)資訊網(wǎng)
獲取方法：1、使用innerHTML屬性，語(yǔ)法“body對(duì)象.innerHTML”；2、使用innerText屬性，語(yǔ)法“body對(duì)象.innerText”；3、使用textContent屬性，語(yǔ)法“body對(duì)象.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 = "填寫(xiě)想要設(shè)置的標(biāo)簽和內(nèi)容"；設(shè)置內(nèi)容時(shí)，會(huì)把原有的內(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>一個(gè)標(biāo)題</h2> <p>一個(gè)段落</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)簽)中的所有文本，不會(huì)獲取標(biāo)簽（或者說(shuō)可以過(guò)濾掉所有的標(biāo)簽）。如果有多個(gè)空格或者是換行，解析為一個(gè)空格。
如果想要清空標(biāo)簽的內(nèi)容，innerText = ""；即可
如果想要設(shè)置標(biāo)簽中的內(nèi)容，innerText = "填寫(xiě)想要設(shè)置的標(biāo)簽和內(nèi)容"；設(shè)置內(nèi)容時(shí)，會(huì)把原有的內(nèi)容全部覆蓋。但是標(biāo)簽不會(huì)被解析，會(huì)直接以文本的形式打印在頁(yè)面中。
代碼：
<script> var body = document.getElementById('body'); // 獲取標(biāo)簽的內(nèi)容 var body = body.innerText; console.log(body); </script>
效果圖：
方法3：使用textContent屬性
textContent來(lái)獲取標(biāo)簽中的內(nèi)容。但是textContent在過(guò)濾掉標(biāo)簽時(shí)，會(huì)保留標(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高級(jí)教程】
