源生javascript 添加getElementByClass方法

直接上代碼：

document.getElementByClass = function(n) {             var el = [],                _el = document.getElementsByTagName('*');            for (var i=0; i<_el.length; i++ ) {                 if (_el[i].className == n ) {                    el[el.length] = _el[i];                }            }            return el;        }

使用也很簡單，比如：

var nick = document.getElementByClass("user-nick")[0].innerText;

Update20120703:

上面提到的函數會存在一些問題，比如一個元素設定兩個class的話，就會有問題。

在stackoverflow上找到了更加完美的解決方案：

function getElementsByClassName(node,classname) {  if (node.getElementsByClassName) { // use native implementation if available    return node.getElementsByClassName(classname);  } else {    return (function getElementsByClass(searchClass,node) {        if ( node == null )          node = document;        var classElements = [],            els = node.getElementsByTagName("*"),            elsLen = els.length,            pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"), i, j;        for (i = 0, j = 0; i < elsLen; i++) {          if ( pattern.test(els[i].className) ) {              classElements[j] = els[i];              j++;          }        }        return classElements;    })(classname, node);  }}

使用方法：

function toggle_visibility(className) {   var elements = getElementsByClassName(document, className),       n = elements.length;   for (var i = 0; i < n; i++) {     var e = elements[i];     if(e.style.display == 'block') {       e.style.display = 'none';     } else {       e.style.display = 'block';     }  }}

這個方案還有一個好處，就是考慮了Firefox, Safari, 以及 Opera等瀏覽器已經支援getElementsByClassName方法的情況並進行了處理。