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)