Javascript中innerHTML和innerText的區別
阿新 • • 發佈：2017-06-24
utf meta charset 測試 第一個 class utf-8 html標簽 技術分享
innerHTML：獲取的是從對象的起始位置到終止位置的全部內容，包括HTML標簽
innerText：獲取的是起始位置到終止位置的內容，但是會將HTML標簽去掉
下面寫一段代碼進行測試：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body style="background-color: lightgreen;"> 8 <div id="test"><p><span>我是p標簽中的span標簽</span></p></div> 9 <a href="javascript:alert(test.innerHTML)">獲取innerHTML內容</a> 10 <a href="javascript:alert(test.innerText)">獲取innerText內容</a> 11 </body> 12 </html>
顯示效果：
點擊第一個a標簽顯示結果：
點擊第二個a標簽顯示結果：
Javascript中innerHTML和innerText的區別