以下描述来自此页面:
getElementsByClassName()方法以NodeList对象的形式返回文档中具有指定类名的所有元素的集合。
NodeList对象代表节点的集合。可以通过索引号访问节点。索引从0开始。
提示:可以使用NodeList对象的length属性来确定具有指定类名的元素的数量,然后可以遍历所有元素并提取所需的信息。
因此,作为参数 getElementsByClassName
将接受类名称。
如果这是您的HTML正文:
<div id="first" class="menuItem"></div>
<div id="second" class="menuItem"></div>
<div id="third" class="menuItem"></div>
<div id="footer"></div>
然后var menuItems = document.getElementsByClassName('menuItem')
将返回3个高位的集合(不是数组)<div>
的,因为它们与给定的类名匹配。
然后,您可以使用以下方法遍历此节点(<div>
在本例中为)的集合:
for (var menuItemIndex = 0 ; menuItems.length ; menuItemIndex ++) {
var currentMenuItem = menuItems[menuItemIndex];
// do stuff with currentMenuItem as a node.
}
有关元素和节点之间的区别,请参考这篇文章。
getElementsByClassName()
表示复数,而getElementById()
表示单数元素项。