JS 獲取文件元素

xuanxuanQueen發表於2019-08-16
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 協議》，轉載必須註明作者和本文連結

相關文章