js编程艺术 之有用的函数

Posted 2020-08-29 天秤

学习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;
    }
}