JavaScript 參考手冊
getElementsByClassName() 方法返回文檔中所有指定類名的元素集合,作為 NodeList 對象。
NodeList 對象代表一個有順序的節(jié)點(diǎn)列表。NodeList 對象 我們可通過節(jié)點(diǎn)列表中的節(jié)點(diǎn)索引號來訪問列表中的節(jié)點(diǎn)(索引號由0開始)。
提示: 你可以使用 NodeList 對象的 length 屬性來確定指定類名的元素個數(shù),并循環(huán)各個元素來獲取你需要的那個元素。
表格中的數(shù)字表示支持該方法的第一個瀏覽器的版本號。
方法 | |||||
---|---|---|---|---|---|
getElementsByClassName() | 4.0 | 9.0 | 3.0 | 3.1 | 9.5 |
參數(shù) | 類型 | Description |
---|---|---|
classname | String | 必須。你需要獲取的元素類名。 多個類名使用空格分隔,如 "test demo"。 |
DOM 版本: | Core Level 1 Document Object |
---|---|
返回值: | NodeList 對象,表示指定類名的元素集合。元素在集合中的順序以其在代碼中的出現(xiàn)次序排序。 |
獲取包含 "example" 和 "color" 類名的所有元素:
查看文檔中有多少個樣式 class="example" 的元素 (使用 NodeList 對的 length 屬性):
修改所有樣式 class="example" 元素的背景顏色:
CSS 教程: CSS 選擇器
CSS 參考手冊: CSS .class 選擇器
HTML DOM 參考手冊: element.getElementsByClassName()
HTML DOM 參考手冊: className 屬性
HTML DOM 參考手冊: HTML DOM classList 屬性
HTML DOM 參考手冊: HTML DOM Style 對象