js操作dom节点的方法

2024年2月8日发(作者：)

js操作dom节点的方法

JavaScript提供了许多操作DOM节点的方法，以下是一些常用的方法：

1. `getElementById(id)`：根据指定的ID获取一个DOM节点。

2. `getElementsByClassName(className)`：根据指定的类名获取一个包含多个DOM节点的NodeList对象。

3. `getElementsByTagName(tagName)`：根据指定的标签名获取一个包含多个DOM节点的NodeList对象。

4. `querySelector(selector)`：根据指定的CSS选择器获取一个DOM节点。

5. `querySelectorAll(selector)`：根据指定的CSS选择器获取一个包含多个DOM节点的NodeList对象。

6. `appendChild(node)`：将指定的节点添加到当前节点的子节点列表末尾。

7. `insertBefore(node, referenceNode)`：在指定参考节点之前插入指定的节点。

8. `removeChild(node)`：从当前节点中删除指定的子节点。

9. `replaceChild(newNode, oldNode)`：将指定旧节点替换为新节点。

10. `setAttribute(name, value)`：设置指定节点的属性值。

11. `removeAttribute(name)`：删除指定节点的属性。

12. `textContent`：获取或设置指定节点的文本内容。

13. `innerHTML`：获取或设置指定节点的HTML内容。

14. `classList`：用于添加、删除、切换和检查元素的类名。

这些方法可以帮助您在JavaScript中操作DOM节点，以实现动态更改网页内容、样式和结构的目的。