在 菜鸟 中有这样一句话

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

如下: 获取到 li 元素的集合

	   <ul id="list">
       		 <li>1</li>
        	 <li>1</li>
       		 <li>1</li>
需要获取到上述的所有 li 元素，这时候我们就可以用querySelectorAll()代替
 
		let list = document.querySelectorAll("#list li");
        console.log(list);
控制台输出
 

 这时候我们获取到的 list 集合便可以用循环去赋值事件或者其他你想做的事情了.
                    定义querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。在菜鸟中有这样一句话注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。如下: 获取到li元素的集合	   &lt;ul id="list"&gt;       		 &lt;li&gt;1&lt;/li&gt;        	 &lt;li&gt;1&lt;/li&gt;       		
	&lt;li&gt;请选择&lt;/li&gt;
	&lt;li class="red"&gt;前00232323端&lt;/li&gt;
	&lt;li class="green"&gt;后4444端&lt;/li&gt;
	&lt;li class="blue"&gt;P5555HP&l
				
The JavaScript is a very versatile language and it has a function almost everything that you want.
 JavaScript是一种非常通用的语言，它几乎具有您想要的所有功能。 
Here, we will show you how to generate random unique elements f...
  document.getElementById()：通过id获取一个Dom元素
  document.getElementsByClassName()：通过class名字获取一个或多个Dom元素（伪数组）
  document.getElementsByTagName()：通过标签名字获取一个或多个Dom元素（伪数组）
  document.querySelector()：获取指定 CSS 选择器的一个元素
  document.querySelectorAll()：获取指定 CSS 选择器的多个元素（伪数组）
ES6选择器与其他选中器的区别：
document.
文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。
JS获取DOM元素的八种方法
通过ID获取（getElementById）
通过name属性（getElementsByName）...
				
querySelector()和querySelectorAll()是两个原生的选择符。
querySelector()用于接收一个css选择符，返回与该模式匹配的第一个元素；querySelectorAll()返回所匹配到的所有元素。
大家会问已经有getElementById（）和getElementsByTagName（）了吗，这两个新增加的选择符API意义在哪？
对比而言，query选择符...
				
export function getRandomArrayElements(arr, count) {
  var shuffled = arr.slice(0),
    i = arr.length,
    min = i - count,
    temp,
    index;
  while (i-- > min) {
    index = Math.floor((i + 1) * Math.random());
    temp = shuffled[index];