摘要:作用返回第一个匹配指定选择器的文档节点,按深度优先前序排列。声明其中是一个对象是包含一个或者多个由逗号分隔的选择器。在指定的选择器参数是无效的时候会抛出一个异常。的字符串参数必须符合语法。按的指定,伪类不会返回任何元素。
作用
返回第一个匹配指定选择器的文档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...
摘要:原生获取元素替代替代很长一段时间以来,除了的选择器之外,我一直在用下面这几个方法获取元素后来才发现这个方法,这个方法跟的获取元素方法是一样的。例子关于选择器,参阅比如,现在需要获取所有以开头的元素,也就是说包含等元素,就这样写 原生 js 获取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很长一段时间以来...
摘要:原生获取元素替代替代很长一段时间以来,除了的选择器之外,我一直在用下面这几个方法获取元素后来才发现这个方法,这个方法跟的获取元素方法是一样的。例子关于选择器,参阅比如,现在需要获取所有以开头的元素,也就是说包含等元素,就这样写 原生 js 获取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很长一段时间以来...
摘要:我们可以通过来检查某个节点是否有子节点。通过可以用来取得父元素,返回值可能会是一个元素节点根节点或节点。与类似,通过可以取得同层之间的下一个节点,如果已经是最后一个节点,则返回。在上一篇的分享当中,我们简单介绍了BOM 与DOM,也了解到JavaScript 是怎么通过它们提供的方法来与浏览器进行沟通。 当一个网页被载入到浏览器时,浏览器会首先分析这个HTML 文档,然后会依照这份HTML ...
阅读 2075·2023-04-25 19:03
阅读 1220·2021-10-14 09:42
阅读 3399·2021-09-22 15:16
阅读 946·2021-09-10 10:51
阅读 1544·2021-09-06 15:00
阅读 2400·2019-08-30 15:55
阅读 484·2019-08-29 16:22
阅读 892·2019-08-26 13:49