选取文档元素

Posted 2020-10-08 BluesQian

一：通过ID选取元素

function getElement() {
    var elements = {};/*开始是一个空map的映射对象*/
    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");/*抛出异常*/
        }
        elements[id] = elt;/*id之间映射*/
    }
    return elements/*对于元素映射返回id*/
}

二：通过名字选取元素

var radiobuttons = document.getElementsByName("favorite_color");

三：通过标签名选取元素

var spans = document.getElementsByTagName("span");

四：document和htmldocument的区别

HTML Document 即：HTML Document对象，每个载入浏览器的 HTML 文档都会成为 Document 对象。
由于Document 对象是 Window 对象的一部分，所以可通过 window.document 属性对其进行访问。