Element.getElementsByClassName - Prototype JavaScript 框架

getElementsByClassName(element, className) -> [HTMLElement...]

查询 element 下所有具有参数 className 指定的 CSS 类名称的后代节点，并返回一个数组， 数组中的元素已经过 扩展。

在 Prototype 1.6 中，不建议使用 document.getElementsByClassName，因为这个函数的原始实现是返回一个 NodeList，而不是一个 Array。在 v1.6 中，请使用 $$ 或 Element#select 代替。

返回的数组成员按照元素在页面中的顺序进行排列（例如：索引 0 表示 element 的后代节点中具有 CSS 类名称 className 的第一个元素）。

样例

<ul id="fruits">
	<li id="apples">apples
		<ul>
			<li id="golden-delicious">Golden Delicious</li>
			<li id="mutsu" class="yummy">Mutsu</li>
			<li id="mcintosh" class="yummy">McIntosh</li>
			<li id="ida-red">Ida Red</li>
		</ul>
	</li>
	<li id="exotic" class="yummy">exotic fruits
		<ul>
			<li id="kiwi">kiwi</li>
			<li id="granadilla">granadilla</li>
		</ul>
	</li>
</ul> 

$('fruits').getElementsByClassName('yummy');
// -> [li#mutsu, li#mcintosh, li#exotic]
$('exotic').getElementsByClassName('yummy');
// -> []