Prototype通用性方法-document.getElementsByClassName(className[, element]) -> [HTMLElement...]
Posted on 2008-04-08 13:31 尹合磊 阅读(1436) 评论(0) 编辑 收藏 举报
Retrieves (and extends) all the elements that have a CSS class name of className. The optional element parameter specifies a parent element to search under.
HTML:
JavaScript:
HTML:
1 <body>
2 <div id="one" class="foo">Single class name</div>
3 <div id="two" class="foo bar thud">Multiple class names</div>
4 <ul id="list">
5 <li id="item_one" class="thud">List item 1</li>
6 <li>List item 2</li>
7 <li id="item_two" class="thud">List item 3</li>
8 </ul>
9 </body>
2 <div id="one" class="foo">Single class name</div>
3 <div id="two" class="foo bar thud">Multiple class names</div>
4 <ul id="list">
5 <li id="item_one" class="thud">List item 1</li>
6 <li>List item 2</li>
7 <li id="item_two" class="thud">List item 3</li>
8 </ul>
9 </body>
JavaScript:
1 document.getElementsByClassName('foo');
2 // -> [HTMLElement, HTMLElement] (div#one, div#two)
3
4 document.getElementsByClassName('thud');
5 // -> [HTMLElement, HTMLElement, HTMLElement] (div#two, li#item_one, li#item_two);
6
7 document.getElementsByClassName('thud', $('list'));
8 // -> [HTMLElement, HTMLElement] (li#item_one, li#item_two)
9
2 // -> [HTMLElement, HTMLElement] (div#one, div#two)
3
4 document.getElementsByClassName('thud');
5 // -> [HTMLElement, HTMLElement, HTMLElement] (div#two, li#item_one, li#item_two);
6
7 document.getElementsByClassName('thud', $('list'));
8 // -> [HTMLElement, HTMLElement] (li#item_one, li#item_two)
9