编辑这个页面须要登录或更高权限！

您刚才的请求只有这个用户组的用户才能使用：自动确认用户
如果您还没有登录请登录后重试。编程那点事是一个开放式网站，修改本站大部分内容仅须要花10秒钟时间创建一个账户。如果您已经登录，本页面可能是受保护的内容。如果您认为有修改的必要，请联系本站管理人员。
该页面已被锁定以防止编辑。

HTML DOM Element 对象 HTML DOM Document 对象

HTML DOM getElementsByClassName() 方法

HTML DOM Document对象

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()方法

HTML DOM Document对象

HTML DOM Element 对象 HTML DOM Document 对象

查看更多关于 HTML DOM getElementsByClassName() 方法的详细内容...