getElementsByClassName() 定义与用法

getElementsByClassName() 方法
定义和使用
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。

浏览器支持

语法
document.getElementsByClassName(classname)
参数              类型               Description
classname    String             必须。你需要获取的元素类名。 

                               多个类名使用空格分隔，如 "test demo"。
作用
1.获取包含 "example" 和 "color" 类名的所有元素

效果： 

2.查看文档中有多少个样式 class="example" 的元素 (使用 NodeList 对的 length 属性)

效果

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

效果

注意: Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法