querySelector()方法接受一个CSS查询并返回匹配该模式的第一个子孙元素,如果没有匹配的元素则返回null。请看下面例子:
//获取body元素
var body = document.querySelector("body");
//获取ID为myDiv的元素
var myDiv = document.querySelector("#myDiv");
//获取第一个包含class值为selected的元素
var selected = document.querySelector(".selected");
//获取第一个包含class值为button的图像元素
var img = document.body.querySelector("img.button");
more Check:http://w3ctech.com/w/index.php?doc-view-63
获取id还有getElementById方法,其有差别:querySelector按css规范实现,即css标识符也不能以数字开头。check:http://snandy.iteye.com/blog/1453435