HTML DOM 方法

HTML DOM 方法

引言

HTML DOM（文档对象模型）是HTML文档的编程接口，它允许开发者通过JavaScript来操作HTML文档中的元素。DOM 方法是DOM编程的核心，它提供了丰富的操作手段来改变网页的结构、样式和行为。本文将详细介绍HTML DOM中常用的方法，帮助开发者更好地理解和运用DOM。

一、DOM节点操作方法

1.1 获取元素

• getElementById(id)：通过元素的ID获取元素。
• getElementsByClassName(className)：通过元素的类名获取元素集合。
• getElementsByTagName(tagName)：通过元素的标签名获取元素集合。
• querySelector(selector)：通过CSS选择器获取单个元素。
• querySelectorAll(selector)：通过CSS选择器获取元素集合。

1.2 创建元素

• createElement(tagName)：创建一个新的元素节点。
• createTextNode(text)：创建一个新的文本节点。

1.3 插入元素

• appendChild(newChild)：将新的子节点添加到指定父节点的末尾。
• insertBefore(newChild, refChild)：将新的子节点插入到指定父节点中的指定子节点之前。
• replaceChild(newChild, oldChild)：用新的子节点替换指定父节点中的指定子节点。

1.4 删除元素

• re