JavaScript 元素文本

简介

在 JavaScript 中，元素文本是指 HTML 文档中的元素的文本内容。JavaScript 提供了许多方法来获取、修改或操作元素的文本内容。

获取元素文本

要获取元素的文本内容，可以使用以下方法:

• innerText: 获取元素包含的文本内容，不包括隐藏的文本。
• textContent: 获取元素包含的文本内容，包括隐藏的文本。

示例代码：

// 获取元素文本
const element = document.getElementById("myElement");
const text = element.innerText;
console.log(text);

// 修改元素文本
element.innerText = "New text";

修改元素文本

要修改元素的文本内容，可以设置元素的 innerText 或 textContent 属性。

示例代码：

// 修改元素文本
const element = document.getElementById("myElement");
element.innerText = "New text";

// 保留原有内容并在后面追加文本
element.innerText += " more text";

// 替换元素文本
element.textContent = "New text";

操作元素文本

除了获取和修改元素的文本内容外，还可以进行其他的操作，例如：

• trim(): 去除文本内容两端的空白字符。
• toUpperCase(): 将文本内容转为大写。
• toLowerCase(): 将文本内容转为小写。

示例代码：

const element = document.getElementById("myElement");
const text = element.innerText;

// 去除空白字符
const trimmedText = text.trim();

// 转为大写
const upperCaseText = text.toUpperCase();

// 转为小写
const lowerCaseText = text.toLowerCase();

参考链接

• Element.innerText
• Element.textContent

以上是关于 JavaScript 元素文本的介绍，希望对你有所帮助！