原生JS查找元素的方法(推荐)

在前端开发中，我们经常需要对页面中的元素进行操纵和操作，因此查找元素的能力显得尤为重要。下面是一些原生JS查找元素的方法，推荐使用这些方法来获取页面中的元素。

1. getElementById方法

getElementById方法可以根据DOM元素的id属性来获取一个元素。下面是一个示例：

var myElement = document.getElementById("id-of-my-element");

2. getElementsByClassName方法

getElementsByClassName方法可以返回一个包含指定类名的所有元素的HTMLCollection。下面是一个示例：

var myElements = document.getElementsByClassName("my-class");

3. getElementsByTagName方法

getElementsByTagName方法可以返回指定标签名称的所有元素的HTMLCollection。下面是一个示例：

var myElements = document.getElementsByTagName("div");

4. querySelector方法

querySelector方法可以根据指定的CSS选择器来获取单个元素。下面是一个示例：

var myElement = document.querySelector("#my-id .my-class");

5. querySelectorAll方法

querySelectorAll方法可以根据指定的CSS选择器来获取一个包含所有符合条件的元素的NodeList。下面是一个示例：

var myElements = document.querySelectorAll("div.my-class");

以上是原生JS查找元素的方法，应该能够满足大部分查找元素的需求。