JS 获取文档元素

// 通过ID选取元素
var section1 = Document.getElementById("section1");
// 通过ID查找多个元素
/* 
* 函数接受任意多的字符串参数
* 每个参数将当作元素的id传给document.getElementById()
* 返回一个对象，它把这些id映射到对应的Element对象
* 如任何一个id对应的元素未定义，则抛出一个Error对象
*/
function getElements(id...){
    var elements = {};                                    //空对象
    for(var i = 0; i < arguments.length; i++) {
        var id = arguments[i];                            //参数是元素的id
        var elt = document.getElementById(id);            //查找元素
        if (elt == null)                                  //如果查找的参数未定义
            throw new Error("no element with id：" + id); //抛出异常
        elements[id] = elt;                               //id和元素之间的映射
    }   
    return elements;                                      //对于元素映射返回id
}
// 通过名字选取元素
var radiobuttons = document.getElementsByName("faverite_color");
// 通过标签名选取元素
var spans = document.getElementByTagName("span");
//通过CSS类选取元素
var warnings = document.getElementsByClassName("warnings");
/*
* 通过CSS选择器选取元素
* querySelectorAll()接受包含一个CSS选择器的字符串参数
* 返回一个文档中匹配选择器的所有元素的NodeList对象
* querySelector()只返回第一个匹配的元素,如果没有匹配的元素就返回NULL
*/
var queryall = querySelectorAll();
var query = querySelector();

本作品采用《CC 协议》，转载必须注明作者和本文链接