js獲取某個HTML區塊內含有某一className的所有HTML元素

// 圖片滾動
//適用於獲取某個HTML區塊內部含有某一特定className的所有HTML元素
//此函數為自定義函數 
//<params>className</params>
//<params>outid</params>
function getElementsByClassName(className,outid) { 
    var oBox = document.getElementById(outid);//獲取ID為outid的元素
    this.d = oBox || document; //檢測oBox是否存在，如果不存在則把document賦予內部變量d
    var children = this.d.getElementsByTagName('*') || document.all; //獲取頁面所有元素
    var elements = new Array(); //定義一個數組，用於存儲所得到的元素
    //獲取元素的class為className的所有元素
    for (var ii = 0; ii < children.length; ii++) { 
        var child = children[ii]; 
        var classNames = child.className.split(' '); 
        for (var j = 0; j < classNames.length; j++) { 
            if (classNames[j] == className) { 
                elements.push(child);//如果class存在，則存入elements
                break; 
            } 
        } 
    } 
    return elements; 
} 
//動態綁定箭頭的onclick函數
function addChangeMethod(){
    try{
        //以下語句相當於jQuerys(".change")
        var changeDivs = getElementsByClassName("change","");//獲取class名稱為change的所有頁面元素
        for(var i=0;i<changeDivs.length;i++){
            var changeA = changeDivs[i].getElementsByTagName("a");//獲取箭頭對象
            //循環綁定所有箭頭對象的onclick方法
            for(var j=0;j<changeA.length;j++){
                //給箭頭對象的onclick賦予函數
                changeA[j].onclick = function(){
                    //以下語句相當與jquery中
                    //jQuerys("."+className+" dd:last").prependTo("."+className);
                    var divs = getElementsByClassName(this.rel);//調用自定義函數
                    var dds = divs[0].getElementsByTagName("dd");
                    var dd = dds[dds.length-1];
                    divs[0].insertBefore(dd,divs[0].firstChild);
                }
            }
        }
    }
    catch(e){
        alert(e);
    }
}
//頁面加載完畢時，執行函數，動態綁定圖片切換箭頭的onclick函數
window.onload = addChangeMethod;