定义

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。

在菜鸟中有这样一句话

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

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

	   <ul id="list">
       		 <li>1</li>
        	 <li>1</li>
       		 <li>1</li>
    	</ul>

需要获取到上述的所有 li 元素，这时候我们就可以用querySelectorAll()代替

如下，

		let list = document.querySelectorAll("#list li");
        console.log(list);

控制台输出

这时候我们获取到的 list 集合便可以用循环去赋值事件或者其他你想做的事情了.