querySelector()方法接收一个css选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null。 //取得body元素 var body = document.querySelector(“body”)；
//取得ID为“myDIV”的元素 var myDIV = document.querySelector("#myDIV");
//取得类为“selected”的第一个元素 var selected = document.querySelector(".selected");
//取得类为“button”的第一个图像元素 var img = document.body.querySelector("img.button");
通过Document类型调用querySelector()方法时，会在文档元素的范围内查找匹配的元素。而通过Element类型调用querySeletor(）方法时，只会在该元素后代元素的范围内查找匹配的元素。 CSS选择符可以简单也可以复杂，视情况而定。如果传入了不被支持的选择符，querySelector()会抛出错误。
