document.querySelector 什么意思
时间: 2023-12-11 12:33:20 浏览: 179
js querySelector() 使用方法
5星 · 资源好评率100%
`document.querySelector`是JavaScript中的一个方法,它可以通过CSS选择器来获取HTML文档中的元素。该方法返回文档中与指定选择器或选择器组匹配的第一个元素,如果没有找到匹配的元素,则返回null。例如,可以使用以下代码获取id为"myDiv"的元素:
```javascript
var myDiv = document.querySelector("#myDiv");
```
上述代码中,`#`表示id选择器,因此`document.querySelector("#myDiv")`返回id为"myDiv"的元素。除了id选择器,还可以使用标签名、类名、属性等选择器来获取元素。例如,可以使用以下代码获取class为"myClass"的第一个div元素:
```javascript
var myDiv = document.querySelector("div.myClass");
```
上述代码中,`.myClass`表示class选择器,因此`document.querySelector("div.myClass")`返回class为"myClass"的第一个div元素。需要注意的是,`document.querySelector`只返回匹配的第一个元素,如果需要获取所有匹配的元素,则需要使用`document.querySelectorAll`方法。
阅读全文