在js中，innerHTML屬性獲取的是元素物件內包含html代碼的內容，innerText屬性只獲得元素物件內的文本內容，下面通過代碼演示講解js中innerHTML與innerText的用法與區別，
首先創建一個html檔案，html檔案內，使用div創建一個模塊，在div內，使用span標簽創建一行測驗的文字，
然后為div設定id屬性myid，主要用于js中通過該id獲得div物件，
在html檔案內，使用button標簽創建一個按鈕，給button按鈕系結onclick點擊事件，當按鈕被點擊時，執行myfun（）函式，然后在js標簽中，創建myfun()函式，在函式內，使用getElementById（）方法通過id（myid）獲得div物件，
在myfun()函式內，使用innerHTML屬性獲得div物件內的內容，并使用alert()將獲得的內容輸出，在瀏覽器打開html檔案，點擊按鈕，由結果可知，innerHTML屬性獲得了包括span標簽的文本內容，
運行代碼，點擊按鈕，警示框輸出內容如下：
由此可見，innerHTML屬獲取性的是元素物件內包含html代碼的內容
將innerHTML改成innerText再次運行，結果如下
由此可見，innerText屬性只獲得元素物件內的文本內容
完整代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>innerText與innerHTML的區別演示</title>
</head>
<body>
<div id="myid">
<span>好好學習，天天向上</span>
</div>
<button onClick="myfun()">點擊測驗輸出內容</button>
<script>
function myfun(){
var obj=document.getElementById("myid");
var text=obj.innerText;
alert(text);
}
</script>
</body>
</html>注：參考度娘總結
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/197628.html
標籤：java
上一篇：ACL配置技術檔案
下一篇：爬蟲高級篇，教你如何抓取介面