Dom扩展
querySelector方法
返回单个元素
//获取body元素 var body = document.querySelector("body"); //获取id为myDiv的元素 var myDiv = document.querySelector("#myDiv"); //取得类为selected的第一个元素 var selected = document.querySelector(".selected"); //获取button的第一个图像元素 var img = document.body.querySelector("img.button");
querySelectorAll方法
返回一组元素
//取得div下所有的em元素 var ems = document.getElementById("div1").querySelectorAll("em"); //取得文档中所有类为selected的元素 var selected = document.querySelectorAll(".selected"); //取得所有p元素下的strong元素 var strongs =document.querySelectorAll("p strong");
遍历取得的对象
var i, len, strong; for (i = 0, len = strongs.length; i < len; i++) { strong = strongs[i]; strong.className = "newClass"; }