Text 类型详解：深度剖析常规文本节点操纵

探索 Text 类型：文本节点的常规操纵

Text 类型是构成万维网内容的基本构造块，它承载着我们与网页交互时所看到的和交互的文本信息。操纵这些文本节点是前端开发中一项至关重要的技能，它使我们不仅可以从视觉上增强网页，还能为最终

文本节点的常规操纵

获取文本内容

要获取文本节点的文本内容，可以使用 textContent 属性，它将文本节点中所有文本子节点（文本、HTML 标记和注释）的文本内容合并为一个字符串。

const textContent = document.getElementById("myElement").textContent;

获取和设定文本长度

length 属性用于获取或设定文本节点的长度（字符数）：

//获取文本长度
const textLength = document.getElementById("myElement").textContent.length;

// 设定文本长度，截断多余字符
document.getElementById("myElement").textContent.length = 100;

追加和替换文本

textContent 属性也可用于追加新文本或替换现有文本：

// 追加文本
document.getElementById("myElement").textContent += " 追加文本";

// 替换文本
document.getElementById("myElement").textContent = " 新文本";

移除文本

要移除文本节点中的所有文本，可以使用 textContent 属性将一个空字符串赋值给它：

document.getElementById("myElement").textContent = "";

文本格式化

文本节点还提供了许多用于格式化文本的属性，如 dir（文本 refund）, lang（语言）和 title（提示信息）：

// 设置文本 direzione
document.getElementById("myElement").dir = "  RTL";

// 设置语言
document.getElementById("myElement").lang = "  en-US";

// 设置提示信息
document.getElementById("myElement").title = "  这是一个提示信息";

文本对齐和修饰

可以使用 textAlign（对齐）和 textDecoration（修饰）属性来对齐和修饰文本节点中的文本：

// 文本对齐
document.getElementById("myElement").style.textAlign = "  center";

// 文本下划线
document.getElementById("myElement").style.textDecoration = "  underlin