javascript 中怎么获取 dom 元素？

在JavaScript中，获取DOM元素有多种方法，以下是几种常用的方式：

通过ID获取元素：
- 使用document.getElementById方法。
- 示例：const element = document.getElementById;
- 该方法返回具有指定ID的第一个元素。
通过类名获取元素：
- 使用document.getElementsByClassName方法。
- 示例：const elements = document.getElementsByClassName;
- 该方法返回一个类数组对象，包含所有具有指定类名的元素。
通过标签名获取元素：
- 使用document.getElementsByTagName方法。
- 示例：const elements = document.getElementsByTagName;
- 该方法返回一个类数组对象，包含所有指定标签名的元素。
通过CSS选择器获取单个元素：
- 使用document.querySelector方法。
- 示例：const element = document.querySelector;
- 该方法返回文档中匹配指定CSS选择器的第一个元素。
通过CSS选择器获取所有元素：
- 使用document.querySelectorAll方法。
- 示例：const elements = document.querySelectorAll;
- 该方法返回一个NodeList对象，包含文档中所有匹配指定CSS选择器的元素。

注意：以上方法返回的都是原始的DOM元素对象。如果你在使用jQuery，并且想要将这些DOM元素对象转换为jQuery对象，可以使用$符号进行转换，例如：const $element = $;。但在纯JavaScript环境中，无需进行此类转换。

热门标签