JS中的innerText方法可以在指定元素中獲取或設置其文本，並且它與innerHTML方法不同，不會返回HTML標籤。本文將從多個方面詳細介紹innerText的使用方法和特點。
一、獲取和設置文本
使用innerText方法可以獲取指定元素中的文本內容，也可以將文本內容設置為指定的字元串。例如：
// 獲取文本內容
let div = document.querySelector('div');
let text = div.innerText;
// 設置文本內容
div.innerText = 'Hello World!';
上述代碼中，首先獲取了頁面中第一個 div 元素的文本內容，並將其賦值給變數 text。然後，將這個元素的值設置為 ‘Hello World!’。
二、innerHTML與innerText的區別
innerText與innerHTML之間有許多區別。innerHTML會返回元素內的HTML內容，而innerText則返回元素中的純文本內容。例如：
// HTML內容
let div1= document.querySelector('.div1');
console.log(div1.innerHTML);
// 純文本內容
let div2 = document.querySelector('.div2');
console.log(div2.innerText);
上述代碼中，首先獲取了頁面中兩個 div 元素的內容。.div1元素包含了一個a標籤，因此console.log(div1.innerHTML)的結果是a標籤整個內容：「click me」。而.div2元素只包含了一些文本，因此console.log(div2.innerText)的結果是div2元素中的文本內容：「Click Me!」。
需要注意的是，innerText是不會顯示被CSS隱藏的元素的內容的。例如：
Hidden Text原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/182094.html
微信掃一掃 
支付寶掃一掃 