JavaScript學習筆記(一) 根據類名獲取元素

1.Document對象

Document對象：每一個載入瀏覽器的HTML文檔都會成爲Document對象。Document對象使咱們能夠從腳本中對HTML頁面中的全部元素進行訪問。

提示：Document對象是Window對象的一部分，可經過window.document屬性對其進行訪問。

2.getElementById()

// 封裝getElementById()方法
function $(id){
    return document.getElementByid(id);
}

3.getElementsByName()

它查詢的是元素的name屬性。

由於一個文檔中的 name 屬性可能不惟一（如 HTML 表單中的單選按鈕一般具備相同的 name 屬性），因此 getElementsByName() 方法返回的是元素的數組，而不是一個元素。

4.getElementsByTagName()

TagName就是標籤名，如：<input>、<img>...

getElementsByTagName() 方法返回元素的順序是它們在文檔中的順序。

若是把特殊字符串 "*" 傳遞給 getElementsByTagName() 方法，它將返回文檔中全部元素的列表，元素排列的順序就是它們在文檔中的順序。

5.getElementsByClass()

這個方法要本身寫。

// 根據類名獲取元素
function getElementsByClass(oParent,sClass){
    var aResult = [];
    var aNode = oParent.getElementsByTagName("*");
    for(var i=0; i<aNode.length; i++){
        if(aNode[i].className == sClass){
            aResult.push(aNode[i]);
        }
    }
    return aResult;
}