制定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。