Prototype 1.6 边学边译 -- 工具函数 document.getElementsByClassName

最新推荐文章于 2024-04-29 22:32:38 发布

orain

最新推荐文章于 2024-04-29 22:32:38 发布

阅读量1k

点赞数

分类专栏： Prototype 1.6 文章标签： prototype 工具 class list 扩展 div

Prototype 1.6 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

document.getElementsByClassName

不推荐

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

返回（并扩展）所有具有参数 className 指定的 CSS 类名的元素。可选的 element 参数用于指定搜索范围（仅搜索该元素下的子节点）。

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

注意返回的所有元素都已经被扩展。

样例

HTML

<body>
    <div id="one" class="foo">
        单个类名称
    </div>
    <div id="two" class="foo bar thud">
        多重类名称
    </div>
    <ul id="list">
        <li id="item_one" class="thud">List item 1</li>
        <li>List item 2</li>
        <li id="item_two" class="thud">List item 3</li>
    </ul>
</body>

JavaScript

document.getElementsByClassName('foo');
// -> [HTMLElement, HTMLElement] (div#one, div#two)
document.getElementsByClassName('thud');
// -> [HTMLElement, HTMLElement, HTMLElement] (div#two, li#item_one, li#item_two);
document.getElementsByClassName('thud', $('list'));
// -> [HTMLElement, HTMLElement] (li#item_one, li#item_two)

orain

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Prototype 1.6 边学边译 -- 工具函数 document.getElementsByClassName

document.getElementsByClassName 不推荐document.getElementsByClassName(className[, element]) -> [HTMLElement...]返回（并扩展）所有具有参数 className 指定的 CSS 类名的元素。可选的 element 参数用于指定搜索范围（仅搜索该元素下的子节点）。
复制链接

扫一扫