【js編程藝術】 之有用的函數

學習js的過程中有幾個有用的函數。

//添加事件函數
function addLoadEvent(func) {
    var oldonload = window.onload;
    if(typeof window.onload != "function"){
        window.onload = func; 
    }else{
        window.onload = function(){
            oldonload();
            func();
        }
    }
}


//功能：將新節點newElement添加到目標節點targetElement之後
function insertAfter(newElement, targetElement){
    //獲取目標節點的父節點parent
    var parent = targetElement.parentNode;

    if(parent.lastChild == targetElement){
        //若目標節點是父節點的最後一個子節點則直接添加新節點
        parent.appendChild(newElement);
    }else{
        //否則，在目標節點的下個兄弟節點之前添加新節點
        parent.insertBefore(newElement, targetElement.nextSibling);
    }
}

//功能：將元素element添加一個類名value
function addClass(element, value){
    if(!element.className){
        //若元素類名為空，則直接賦值為value
        element.className = value;
    }else{
        //若元素類名非空，則將value添加到原類名後
        var newClassName = element.className;
        newClassName += " ";
        newClassName += value;
        element.className = newClassName;
        // element.className += " " + value;
    }
}