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";

            }