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)