innerText 使用示例

`innerText` 是 Web 开发中常用的一个属性，它允许你获取或设置 HTML 元素内部的文本，不包括 HTML 标签。这里是一个简单的使用 `innerText` 的 JavaScript 示例：


// 假设我们有以下HTML元素
<div id="example">Hello, <strong>world!</strong></div>

// 使用innerText获取元素内的纯文本
var element = document.getElementById("example");
var text = element.innerText;
console.log(text); // 输出: Hello, world!

// 使用innerText设置元素内的文本
element.innerText = "Goodbye, universe!";
// 此时，<div>内的内容会被更新为纯文本，不包含HTML标签
// HTML结构变为：<div id="example">Goodbye, universe!</div>

在这个示例中，我们首先通过 `document.getElementById` 获取了一个具有 `id="example"` 的 `

` 元素。然后，我们使用 `innerText` 属性来获取该元素内部的纯文本内容（即 "Hello, world!"，尽管原始内容中包含了 `` 标签，但 `innerText` 忽略了这些标签）。最后，我们通过设置 `innerText` 的值来更改元素内部的文本内容。注意，设置 `innerText` 时，如果新值包含HTML标签，这些标签会被当作普通文本处理，不会解析为HTML元素。