在前端开发中，DOM（文档对象模型）是不可或缺的一部分。通过 DOM，我们可以使用 JavaScript 操作 HTML 和 XML 文档中的元素。
DOM 节点
DOM 中的每个元素都是一个节点，并且具有其特定的节点类型。以下是常见的节点类型：
- 元素节点（Element）
- 属性节点（Attribute）
- 文本节点（Text）
- 注释节点（Comment）
获取节点
在 JavaScript 中，可以通过以下方式获取节点：
-- -------------------- ---- ------- -- -- -- ------ ----- ----------- - -------------------------------------- -- ------------ ----- --------------- - ------------------------------------------------- -- ------------- ----- ------------- - ------------------------------------------ -- ------------- ----- ------------------ - --------------------------------------
操作节点
修改节点属性
可以通过设置元素节点的属性来修改节点内容，例如：
const element = document.getElementById('element-id');
element.setAttribute('class', 'new-class');修改节点文本
可以通过修改文本节点的 textContent 或 innerHTML 来修改节点的文本内容，例如：
const element = document.getElementById('element-id');
element.textContent = 'New text content';添加节点
可以使用 createElement() 方法创建新的元素节点，然后使用 appendChild() 方法将其添加到现有元素节点中，例如：
const parentElement = document.getElementById('parent-element');
const newElement = document.createElement('div');
parentElement.appendChild(newElement);移除节点
可以使用 removeChild() 方法将元素节点从其父节点中移除，例如：
const parentElement = document.getElementById('parent-element');
const childElement = document.getElementById('child-element');
parentElement.removeChild(childElement);总结
DOM 是前端开发中重要的一部分。了解如何获取和操作节点是基本技能之一。通过上述方法，您可以轻松地修改、添加和移除 DOM 节点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1042