JavaScript 提供了多种查找元素的方法:id 选择器:document.getElementById("id"),根据 id 属性查找元素。类选择器:document.getElementsByClassName("class"),根据 class 属性查找元素。标签选择器:document.getElementsByTagName("tag"),根据标签名称查找元素。通用选择器:document.querySelectorAll("selector"),使用 CSS 选择器查找元素。

JS 中查找元素的方法
在 JavaScript 中,有几种方法可以查找 DOM(文档对象模型)中的元素:
id 选择器:
- document.getElementById("id"):根据元素的 id 属性查找元素。
类选择器:
- document.getElementsByClassName("class"):根据元素的 class 属性查找元素。
标签选择器:
- document.getElementsByTagName("tag"):根据元素的标签名称查找元素。
通用选择器:
- document.querySelectorAll("selector"):使用 CSS 选择器查找元素。
具体用法:
getElementById:
const element = document.getElementById("myElement");getElementsByClassName:
const elements = document.getElementsByClassName("myClass");getElementsByTagName:
const elements = document.getElementsByTagName("p");querySelectorAll:
const elements = document.querySelectorAll(".myClass p");其他方法:
除了上述方法外,还有一些其他方法可以查找元素,例如:
- document.querySelector("selector"):与 querySelectorAll 类似,但只返回第一个匹配的元素。
- element.children:返回元素的所有子元素。
- element.parentElement:返回元素的父元素。










