js中queryselector,js获取query

　　本文为您带来了一些关于javascript的知识，包括querySelectorAll方法的使用，该方法可以返回文档中与指定CSS选择器匹配的所有元素，并返回NodeList对象。下面就来看看吧，希望对你有帮助。

　　【相关推荐：javascript视频教程，web前端】

querySelectorAll()方法的定义与用法

　　 query selector all()方法返回文档中与指定CSS选择器匹配的所有元素，并返回一个NodeList对象。

　　NodeList对象表示节点的集合。可以通过索引访问，索引值从0开始。

　　提示：可以使用NodeList对象的length属性来获取匹配选择器的元素属性，然后可以遍历所有元素来获取想要的信息。

　　语法为：

　　element list=document . query selector all(选择器)；该列表是一个静态NodeList对象。

　　选择器是一个逗号连接的字符串，包含一个或多个CSS选择器。

　　属性值CSS选择器字符串必须是。指定一个或多个与CSS选择器匹配的元素。可以使用id、类、类型、属性、属性值等。作为选择器来获取元素。多个选择器由逗号(，)分隔。

　　返回值：

　　一个NodeList对象，表示文档中与指定CSS选择器匹配的所有元素。NodeList是NodeList类型的静态对象。如果指定的选择器是非法的，就会抛出SYNTAX_ERR异常。

　　例子如下：

　　获取文档中的所有p元素，并为第一个匹配的p元素设置背景色(索引0):

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题123/标题

　　/头

　　身体

　　p是一个p元素。/p

　　p也是p元素。/p

　　单击p按钮设置文档中第一个p(索引0)元素的背景色。/p

　　按钮onclick=myFunction()单击我/按钮

　　PstrongNote注意：/strongInternet Explorer 8和更早版本不支持querySelectorAll()方法。/p

　　脚本

　　函数myFunction() {

　　var x=document . query selector all( p )；

　　x[0]. style . background color= red ；

　　}

　　/脚本

　　/body

　　/html输出结果：

　　获取文档中class=example 的所有P元素，并为第一个匹配的P元素设置背景色(索引0):

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题123/标题

　　/头

　　身体

　　H2使用的标题是

　　使用带有class=example /p的段落

　　另一段使用class= example /p

　　单击p按钮设置第一个p元素的背景色，class=example (索引为0)。/p

　　按钮onclick=myFunction()单击我/按钮

　　PstrongNote注意：/strongInternet Explorer 8和更早版本不支持querySelectorAll()方法。/p

　　脚本

　　函数myFunction() {

　　var x=document . query selector all( p . example )；

　　x[0]. style . background color= red ；

　　}

　　/脚本

　　/body

　　/html输出结果：

　　【相关推荐：javascript视频教程，web前端】以上是JavaScript如何通过querySelectorAll()方法查找html元素的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。