制定document.getElementByClassName()

制定document.getElementByClassName()

Abstract

W3C DOM有制定document.getElementByClassName()，但有候没有ID，而只有class name可抓怎?
Introduction

Blog做改造，常遇到根本有ID可抓，而只有class可抓，但很憾W3C DOM有document.getElementByClassName()，以下JavaScript可以模getElementByClassName()。
JavaScript / getElementByClassName

1 function getElementsByClassName (className) {
2 var all = document.all ? document.all : document.getElementsByTagName( ' *' );
3 var elements = new Array();
4 for ( var e = ; e < all.length; e ++ ) {
5 if (all[e].className == className) {
6 elements[elements.length] = all[e];
7 break ;
8 }
9 }
10 return elements; 11 } 12
2行

var all = document.all ? document.all : document.getElementsByTagName( ' * ' );
document.allIE4的DHTML的技，IE4之後接有支援，所以可以的利用是否有支援document.all判 是否IE，若不是IE，用W3C DOM的document.getElementByTagName('*')取代all，所以方式在IE或FireFox皆能使用。
4行 ~ 9行

for ( var e = ; e < all.length; e ++ ) { if (all[e].className == className) { elements[elements.length] = all[e]; break ; } } 利用圈一tag一tag判其class name否符合件，找到第一符合件就跳出圈，如此就能找到第一符合class name的tag。