笔记：DOM操作

原创于 2021-03-25 13:27:49 发布

· 158 阅读

版权

本文详细探讨了DOM（文档对象模型）的基本概念及其在网页交互中的重要作用。通过实例解析了如何使用JavaScript进行DOM元素的选择、添加、删除和修改，包括通过ID、类名和标签名选择元素，以及事件监听和响应。同时，还介绍了DOM遍历和更新DOM结构的方法，帮助开发者提升网页动态效果的实现能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建：
createDocumentFragment()     // 创建一个DOM片段
createElement()              // 创建一个具体的元素
createTextNode()             // 创建一个文本节点
添加：appendChild()
移出：
removeChild()
替换：
replaceChild()
插入：
insertBefore()
复制：
cloneNode(true)
查找：
getElementsByTagName()       // 通过标签名称
getElementsByClassName()     // 通过标签名称
getElementsByName()          // 通过元素的Name属性的值
getElementById()             // 通过元素Id，唯一性