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() | 是 | 是 | 是 | 是 | 是 |
参数 | 描述 |
---|---|
class | 您想要获得的子元素的类名。 要搜索多个类名,请用空格分隔它们,例如“demo color”。 |
返回值: | 返回具有所有给定类名的所有子元素的类似数组的对象。 |
---|---|
DOM版本: | DOM级别1 |
CSS教程CSS语法
CSS参考CSS .class选择器
HTML DOM参考className属性
HTML DOM参考classList属性
HTML DOM参考document.getElementsByClassName()方法
HTML DOM参考element.getElementsByTagName()方法