资讯专栏INFORMATION COLUMN

关于 document.querySelector

Soarkey / 1387人阅读

摘要:作用返回第一个匹配指定选择器的文档节点,按深度优先前序排列。声明其中是一个对象是包含一个或者多个由逗号分隔的选择器。在指定的选择器参数是无效的时候会抛出一个异常。的字符串参数必须符合语法。按的指定,伪类不会返回任何元素。

作用

返回第一个匹配指定选择器的文档DOM节点,按深度优先前序排列。

声明
element = document.querySelector(selectors);

其中

element 是一个DOM对象.
selectors 是包含一个或者多个由逗号分隔的CSS选择器。字符串。

示例

在下面这个示例中,文档中第一个具有 myclass 类的DOM元素将会被返回:

var el = document.querySelector(".myclass");

注意
假若没有匹配到将返回 null 。否则返回第一个匹配到的元素。

假若选择器是一个ID,但ID错误的在文档中被使用了多次,它将返回第一个匹配到的元素。

在指定的选择器参数是无效的时候会抛出一个 SYNTAX_ERR 异常。

querySelector() 由 Selectors API 引入。

querySelector 的字符串参数必须符合CSS语法。

按 Selectors API 的指定, CSS伪类不会返回任何元素。

如果需要匹配没有按CSS声明的选择器,比如不适当的使用了冒号或者空格,你必须通过加斜杠转义这些字符。因为斜杠‘/’本身在JavaScript中是个转义字符,如果你想输入了一个字面的字符,你需要转义两次,一次因为 JavaScript 字符串,一次因为 querySelector。



浏览器兼容性

IE8+、其他高级浏览器

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85288.html

相关文章

  • 【翻译】关于回调地狱

    摘要:回调地狱异步程序书写指南什么是回调地狱我们很难一眼就看懂异步,或者是使用回调函数的程序。通常回调函数会用在下载文件读取文件或者数据库相关事务等。注意还没有被调用,它只是被创建然后最为回调函数传入。 回调地狱 JavaScript异步程序书写指南 什么是回调地狱? 我们很难一眼就看懂异步JavaScript,或者是使用回调函数的JavaScript程序。例如下面这段代码: fs.read...

    Betta 评论0 收藏0
  • React

    摘要:语法是一种语法的拓展语言,在中官方也推荐使用描述用户界面,使用起来会比较快捷而且易读不是一门新的语言,可以理解为是一种语法糖,作用就是能够让我们更加直观的在中创建标签,最终还是会被编译为语法,例如我们看一段代码上面的语法最终会被编译为语法, Reatc JSX语法 jsx是一种JavaScript语法的拓展语言,在React中官方也推荐使用jsx描述用户界面,使用起来会比较快捷而且易读...

    techstay 评论0 收藏0
  • 原生 js 获取 dom 元素 querySelector() 替代 getElementById(

    摘要:原生获取元素替代替代很长一段时间以来,除了的选择器之外,我一直在用下面这几个方法获取元素后来才发现这个方法,这个方法跟的获取元素方法是一样的。例子关于选择器,参阅比如,现在需要获取所有以开头的元素,也就是说包含等元素,就这样写 原生 js 获取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很长一段时间以来...

    cangck_X 评论0 收藏0
  • 原生 js 获取 dom 元素 querySelector() 替代 getElementById(

    摘要:原生获取元素替代替代很长一段时间以来,除了的选择器之外,我一直在用下面这几个方法获取元素后来才发现这个方法,这个方法跟的获取元素方法是一样的。例子关于选择器,参阅比如,现在需要获取所有以开头的元素,也就是说包含等元素,就这样写 原生 js 获取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很长一段时间以来...

    caoym 评论0 收藏0
  • 通过DOM API 查找节点

    摘要:我们可以通过来检查某个节点是否有子节点。通过可以用来取得父元素,返回值可能会是一个元素节点根节点或节点。与类似,通过可以取得同层之间的下一个节点,如果已经是最后一个节点,则返回。在上一篇的分享当中,我们简单介绍了BOM 与DOM,也了解到JavaScript 是怎么通过它们提供的方法来与浏览器进行沟通。 当一个网页被载入到浏览器时,浏览器会首先分析这个HTML 文档,然后会依照这份HTML ...

    shengguo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<