Element.querySelector()

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

语法

element = baseElement.querySelector(selectors);
  • elementbaseElementelement 对象.
  • 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

浏览器兼容性

浏览器 支持 备注
Internet Explorer 8 CSS 2.1 selectors only (IE8)
Firefox (Gecko) 3.5 (1.9.1)  
Opera 10  
Chrome 1  
Safari (webkit) 3.2 (525.3) webk.it/16587

规范

相关链接

文档标签和贡献者

 此页面的贡献者: teoli, cuixiping, AlexChao
 最后编辑者: cuixiping,