JavaScript 中的属性节点主要分为三大类：元素属性、文本属性、及样式属性。每一种类型的属性节点都在 DOM（Document Object Model）操作中扮演着不同角色，使得网页能够通过 JavaScript 动态地进行内容、样式以及功能上的调整和修改。元素属性节点是在 HTML 和 JavaScript 交互中最常用到的，它们代表了 HTML 元素上的属性，例如 id、class、src、href 等。
一、元素属性
元素属性是直接附加在 HTML 标签上的属性，它们定义了元素的基本信息和行为。比如， 标签的 href 属性定义了链接的目标 URL， 标签的 src 属性决定了图片的来源。
在 JavaScript 中，我们可以通过操作 DOM 来读取、修改、添加或删除元素的属性。使用 getAttribute() 方法可以获取指定元素的属性值，setAttribute() 方法允许修改或添加属性，而 removeAttribute() 方法可以用来删除属性。通过这些方法的应用，我们能够动态地改变网页上元素的特征和行为，进而提升用户交互体验。
二、文本属性
文本属性关系到 HTML 文档中的文本内容。文本节点通常被视为元素节点的子节点出现，它们包含着元素标签之间的具体文本信息。在 DOM 树中，文本属性使得文本内容能够被 JavaScript 所识别和操作。
例如，利用 textContent 属性或 innerText 属性，可以获取或设置指定元素内部的文本内容。这两个属性虽然都能达到相似的效果，但在处理空格和新增行时存在差异。textContent 属性会获取所有元素的内容，包括