HTML DOM innerText - Html

HTML DOM innerText 是一个属性，用于获取或设置特定元素内的文本内容，它返回的是一个字符串。在获取内部文本时，它删除所有HTML标签和它们之间的空白，只返回文本。在设置内部文本时，它只接受普通文本，其它所有字符都将以字符串的形式显示出来。

获取元素内部文本

要获取一个元素的内部文本，可以使用以下语法：

document.getElementById("myElement").innerText

这将返回元素的文本内容，除去所有HTML标签和它们之间的空白。如果需要将文本作为纯文本插入到另一个元素中，这将非常有用。

设置元素内部文本

要设置一个元素的内部文本，可以使用以下语法：

document.getElementById("myElement").innerText = "Hello, world!"

这将将元素的文本内容设置为“Hello, world!”。请注意，此属性只接受普通文本，它不会解释任何HTML标记。因此，如果你想在元素中插入一些HTML，你需要使用innerHTML属性。

注意事项

需要注意以下几点：

• innerText是一个只读属性，不能通过它来设置HTML标记。
• 没有standard的规定制定了innerText的所需行为。不同的浏览器实现可能会产生不同的效果。
• 当元素包含其他元素时，innerText将返回其所有子元素的文本内容。这意味着它将返回嵌套元素的文本内容。
• 空白和换行符也将作为文本返回。

在处理DOM时，innerText是一个非常有用的属性，它允许我们轻松地获取元素的文本内容，同时删除所有HTML标签和不必要的空格。