DOM扩展：Selectors API（querySelector()和querySelectorALL()）

1.querySelector()方法

querySelector()只接收一个CSS选择符，返回与该选择符匹配的第一个元素，如果没有找到匹配的，返回null。

//取得body元素
var body=document.querySelector("body");

//取得ID为"myDiv"的元素
var maDiv=document.querySelector("#myDiv");

//取得类为"selected"的第一个元素
var selected=document.querySelector(".selected");

//取得类为"button"的第一个图像元素
var img=document.body.querySelector("img.button);

2.querySelectorAll()方法

querySelector()只接收一个CSS选择符，返回的不仅仅与该选择符匹配的第一个元素，而是一个NodeList的实例。如果没有找到匹配的，返回null。

//取得<div>中所有<em>元素，类似于getElementsTagName("em")
var ems=document.querySelectorAll("ems");

//取得类为"selected"的所有元素
selecteds=document.querySelectorAll(".selected");

要取得返回的NodeList中的每一个元素，可以用item()方法，也可以使用方括号语法

var i,len,strong;
for (i=0,len=selecteds.length;i<len;i++){
selected=selecteds[i];//或selecteds.item(i)