HTML DOM querySelector() 方法

HTML DOM Document对象

querySelector()返回文档中与指定的选择器或选择器组匹配的第一个元素。

如果找不到匹配项，则返回null。

querySelector()方法仅返回与指定选择器匹配的第一个元素。要返回所有匹配项，请改用querySelectorAll()方法。

语法：

document.querySelector(selectors)

document.querySelector('h1');

浏览器兼容性

表中的数字指定了完全支持querySelector()方法的第一个浏览器版本：

Method
querySelector()	1	3.5	10	3.2	8

参数值

技术细节

更多实例

获取id="para"的第一个元素：

document.querySelector('#para');

使用class="demo"获取第一个元素：

document.querySelector(".demo");

获取文档中父元素为<div>元素的第一个<p>元素：

document.querySelector("div > p");

相关参考

CSS教程：CSS选择器

CSS参考：CSS#id选择器

CSS参考：CSS .class选择器

DOM Document querySelectorAll()方法

DOM Document getElementsByClassName()方法

DOM Document getElementsByTagName()方法

HTML DOM Document对象