码迷,mamicode.com
首页 > Web开发 > 详细

【js编程艺术】 之有用的函数

时间:2017-02-03 19:42:59      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:log   lin   rtb   div   兄弟节点   编程   logs   函数   ade   

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

 

【js编程艺术】 之有用的函数

标签:log   lin   rtb   div   兄弟节点   编程   logs   函数   ade   

原文地址:http://www.cnblogs.com/libra-yong/p/6362943.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!