HTML DOM getElementsByClassName() 方法

HTML DOM Element 对象

element.getElementsByClassName()返回一个包含了所有指定类名的子元素的类数组对象。当在document对象上调用时，会搜索整个DOM文档，包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法，它将返回的是以当前元素为根节点，所有指定类名的子元素。

返回列表中的元素按照它们在源代码中出现的顺序进行排序。

可以通过索引号访问返回的列表。索引从0开始。

使用length属性确定具有指定类名的子元素的数量，然后可以遍历所有元素并提取所需的信息。

所述document.getElementsByClassName()方法的工作原理基本上相同的方式，只是它作用于整个文档，开始于文档根。

语法：

element.getElementsByClassName(class)

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

浏览器兼容性

所有浏览器完全支持getElementsByClassName()方法：

方法
getElementsByClassName()	是	是	是	是	是

参数值

技术细节

相关参考

CSS教程CSS语法

CSS参考CSS .class选择器

HTML DOM参考className属性

HTML DOM参考classList属性

HTML DOM参考document.getElementsByClassName()方法

HTML DOM参考element.getElementsByTagName()方法

HTML DOM Element 对象