Element.querySelector()

返回该元素后代元素中，第一个匹配选择器参数的后代元素。

语法

element = baseElement.querySelector(selectors);

• element 和 baseElement 是 element 对象.
• selectors 是一个CSS选择器字符串( selectors )

例子

下面例子，HTML 文档中没有 type 属性，或 type 属性值为 text/css 的第一个 style 元素将会被返回：

var el = document.body.querySelector("style[type='text/css'], style:not([type])");

备注

如果没有匹配项，则返回 null。否则，返回第一个匹配的元素。

如果指定的一组选择器（group of selectors）无效，则抛出一个 SYNTAX_ERR 异常。

querySelector() 在 WebApps API 中被引入。

传递给 querySelector 的字符串参数必须遵循 CSS 语法。具体例子查看 document.querySelector。

浏览器兼容性

规范

• Selectors API Level 1REC
• Selectors API Level 2WD
• Selectors API Level 2ED

相关链接

• element.querySelectorAll
• document.querySelector
• document.querySelectorAll
• Code snippets for querySelector