$(Element).getElementsByClassName(className)

按样式类名查找元素。

参数

Element

必选项。页面元素ID(字符串型)或者是文档节点(对象)。

className

必选项。指定查找的 className。

返回值

所有带有指定 className 的元素数组。

描述

在Element节点下查找带有指定className的元素，Element可以是当前文档 document。该方法是利用 getElementsByTagName("*") 实现的，由于 * 通配符匹配范围比较大，因此 getElementsByClassName 的查找速度与 getElementById 相比还有一定的距离。在循环中尽量避免使用此方法。

示例

<div id="box">
   <h1 class="title">标题</h1>
   <ul>
       <li>文字</li>
       <li class="title">张三</li>
       <li class="title">李四</li>
   </ul>
</div>
<input type="button" value="获取title" onclick="alert( $('box').getElementsByClassName('title').length )" /> // 3 (标题、张三、李四)