document.querySelector()
时间: 2024-02-06 17:07:34 浏览: 145
jQuery.Select
document.querySelector()是JavaScript中的一个方法,用于通过CSS选择器选择文档中的元素。它返回匹配选择器的第一个元素,如果没有匹配的元素,则返回null。
以下是一个使用document.querySelector()的示例:
```javascript
// 选择id为myElement的元素
var element = document.querySelector("#myElement");
// 选择class为myClass的第一个元素
var element = document.querySelector(".myClass");
// 选择所有p元素中的第一个
var element = document.querySelector("p:first-of-type");
```
在上面的示例中,我们使用了不同的选择器来选择元素。你可以使用id选择器(以#开头),类选择器(以.开头)或标签选择器来选择元素。
请注意,document.querySelector()只返回匹配选择器的第一个元素。如果你想选择所有匹配的元素,可以使用document.querySelectorAll()方法。
阅读全文