1、js queryselector簡介：
js中querySelector()方法是返回文檔中匹配指定CSS選擇器的一個元素。
注意： querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果需要返回所有的元素，使用 querySelectorAll() 方法替代。
如：
var body = document.querySelector('body');
var mydiv = document.querySelector('#mydiv');
var myclass = document.querySelector('.selected');
以上三個用來代替getElementById()和getElementByTagName().
其次如果要限定範圍查找 則可以
var img = document.body.querySelector('img.button');
相對於querySelectorAll(); 則是取得一個NodeList
2、語法
document.querySelector(CSS selectors)
拓展資料：
js選擇器：querySelector和querySelectorAll
二者區別：
querySelector是單一選擇器，得到的是唯一的一個元素；
querySelectorAll，得到的是一個數組，所有名為“*”的集合；
有點類似於jquery中id選擇器和class選擇一，id必須是唯一的，class是一組，querySelector用來選擇唯一的id，querySelectorAll用來選擇重複出現的元素或者class，當然理解是這樣的，如果頁面僅有一個唯一class，你用querySelector也可以！
用法：
let box = document.querySelector(".box");//單一元素生效box.onclick = function(){box.style.background= "red";}let boxs = document.querySelectorAll(".box");//等到的是“.box”的集合boxs[0].onclick = function(){boxs[0].style.background= "red";}
