学步园

 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