← Input Range form 属性 JavaScript Date setUTCDate() 方法 →

HTML DOM getElementsByClassName() 方法

document.getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象

NodeList 对象代表一个有顺序的节点列表

我们可通过节点列表中的节点索引号来访问列表中的节点，索引号从 0 开始

可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数


Yes	9.0+	Yes	Yes	Yes

document.getElementsByClassName( classname )

参数	类型	描述
classname	String	必须。需要获取的元素类名多个类名使用空格分隔，如 "test demo"

NodeList 对象，表示指定类名的元素集合

元素在集合中的顺序以其在代码中的出现次序排序

获取所有指定类名的元素

var x = document.getElementsByClassName("example");

获取包含 "example" 和 "color" 类名的所有元素

var x =document.getElementsByClassName("example color");

查看文档中有多少个样式 class="example" 的元素

var x = document.getElementsByClassName("example").length;

修改所有样式 class="example" 元素的背景颜色

var x = document.getElementsByClassName("example");
var i;

for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
}

简单教程