dom有几种获取方式

在 HTML 中，几乎所有的操作都可以通过 DOM（Document Object Model） 来实现。DOM 是浏览器提供的一种编程接口，它将 HTML 文档解析为一个树形结构，开发者可以通过 JavaScript 操作这个树形结构来实现对 HTML 的动态修改和交互。

1. DOM 的作用

• 动态修改内容：通过 DOM 可以修改 HTML 元素的内容、属性和样式。

• 事件处理：通过 DOM 可以为 HTML 元素绑定事件（如点击、输入等）。

• 动态创建和删除元素：通过 DOM 可以动态添加或删除 HTML 元素。

• 遍历和查询：通过 DOM 可以遍历和查询 HTML 元素。

2. DOM 获取方式

DOM 提供了多种方式来获取 HTML 元素，以下是常见的几种方式：

（1）通过 ID 获取

• 使用 document.getElementById() 方法。

• 返回一个元素对象，如果找不到则返回 null。

const element = document.getElementById('myId');

（2）通过类名获取

• 使用 document.getElementsByClassName()<