javascript querySelectorAll方法简介说明


摘要:
下文讲述querySelectorAll产生的前因后果,及举例应用



querySelectorAll 功能简介

querySelectorAll函数的功能:
返回匹配的所有元素集合。
——–返回结果说明—–
无匹配元素,则返回null


querySelectorAll语法说明:
dom.querySelectorAll(selector)
—–参数说明——
selector:
用于匹配的CSS信息
———————————
1.当参数中输入多个css选择器时,需使用逗号进行分隔开
2.参数外层需使用双引号括起
———————————



querySelectorAll 适用浏览器

1.IE8+浏览器支持此方法。

2.edge浏览器支持此方法。

3.谷歌浏览器支持此方法。

4.opera浏览器支持此方法。

5.火狐浏览器支持此方法。

6.safria浏览器支持此方法。


querySelectorAll 举例应用

例:
返回页面中className为”testClassName1″ 或 “testClassName2″的div元素列表,如下
var divList = document.querySelectorAll(“div.testClassName1, div.testClassName1”);

var divList = document.querySelectorAll(“.testClassName1, .testClassName1”);