admin 管理员组

文章数量: 1184232


2024年3月12日发(作者:for i in range)

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节点,以实现动态更改网

页内容、样式和结构的目的。


本文标签: 节点 指定 获取 删除 设置