getElementsByClassName()方法可以获取具有指定class属性值的元素,返回值是一个集合。
返回列表中的元素按照它们在源代码中出现的顺序进行排序。
可以通过索引号访问返回的列表。索引从0开始。
使用数组的length属性确定具有指定类名的元素数,然后可以遍历所有元素并提取所需的信息。
document.getElementsByClassName(class)
var x = document.getElementsByClassName("demo");测试看看‹/›
所有浏览器完全支持getElementsByClassName()方法:
Method | |||||
getElementsByClassName() | 是 | 是 | 是 | 是 | 是 |
参数 | 描述 |
---|---|
class | 一个字符串,表示要获取的元素的类名称。 要搜索多个类名,请用空格分隔它们,例如“demo color”。 |
返回值: | 返回具有所有给定类名的所有子元素的类似数组的对象。 |
---|---|
DOM版本: | DOM级别1 |
使用“ demo”和“ color”类获取所有元素:
var x = document.getElementsByClassName("demo color");测试看看‹/›
使用class="demo"更改所有元素的背景颜色:
var x = document.getElementsByClassName("demo"); for(let i = 0; i < x.length; i++) { x[i].style.backgroundColor = "coral"; }测试看看‹/›
DOM Document querySelector()方法
DOM Document querySelectorAll()方法
DOM Document getElementById()方法
DOM Document getElementsByTagName()方法