JavaScript - innerText属性

在JavaScript中，可以使用innerText属性来获取或设置某个元素的文本内容。该属性是DOM（文档对象模型）中的属性，常用于操作网页中的文本。下面详细介绍innerText属性的用法。

获取元素的文本内容

首先，innerText属性可以用来获取某个元素的文本内容。例如，我们可以使用以下代码获取HTML文档中一个元素的文本内容：

const elem = document.getElementById('myElement');
const text = elem.innerText;
console.log(text);

上述代码中，我们通过getElementById方法获取id为myElement的元素，并使用innerText属性获取该元素的文本内容。最后使用console.log方法打印出了文本内容。

需要注意的是，innerText属性只会返回元素的“可见”文本内容，即该元素内部的文本内容，但不包括任何其他子元素的文本内容。此外，如果元素的样式为display: none或visibility: hidden，则innerText属性也不会返回任何值。

设置元素的文本内容

除了用于获取元素的文本内容之外，innerText属性还可以用来设置某个元素的文本内容。例如，我们可以使用以下代码将某个元素的文本内容设置为一个新值：

const elem = document.getElementById('myElement');
elem.innerText = 'Hello, world!';

上述代码中，我们使用getElementById方法获取id为myElement的元素，并使用innerText属性将该元素的文本内容设置为'Hello, world!'。

同样地，需要注意的是，innerText属性只能用于设置元素内部的文本内容，而不能用于创建新的子节点。

小结

总结一下，innerText属性是DOM中的一个重要属性，可用于获取或设置某个元素的文本内容。它的用法简单，但需要注意的是，innerText属性只能用于处理元素内部的文本内容，且只能处理可见的文本内容。如果需要处理所有文本内容，可以考虑使用textContent属性，它可以返回其所有子节点（包括文本节点和注释节点）的文本内容。