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/n/182094.html
微信扫一扫 
支付宝扫一扫 