在本实例中没什么区别。 下面是我学习这节的总结，希望对你有用：

querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素，如果没有匹配的元素则返回null。

//获取body元素

var body = document.querySelector("body");

//获取ID为myDiv的元素

var myDiv = document.querySelecotr("#myDiv");

//获取第一个包含类selected的元素

var selected = document.querySelector(".selected");

//获取第一个包含类button的图像元素

var img = document.body.querySelector("img.button");

注意：querySelector() 是按css 规范实现的。如果同时获取id,id是以数字开头的，即获取不到。

           getelementById()就可以获取到。