JavaScript DOM 收录

《一 》共享onload事件

function addLoadEvent(func) {
    //把现有的window.onload时间处理函数的值存入变量 oldonload中
    var oldonload = window.onload;   
    //如果这个事件处理函数没有绑定任何函数      
    if(typeof window.onload!='function'){ 
        //将新的函数添加给它
        window.onload = func;            
    }else {
        //如果这个事件处理函数绑定了一些函数，将新函数添加到现有指令的后面                         
        window.onload = function () {
            oldonload();
            func();               
        }
    }

}

《二》 insertAfter（）函数：dom编程中将一个新节点插入指定节点的后面。

function insertAfter( newElement , targetElement) {    //两个参数 新节点 和 目标节点
    //将目标节点的父节点存入parent
    var parent = targetElement.parentNode;
    //如果目标节点是它父节点的最后一个节点，将新节点直接连到目标节点的父节点上。 否则将新节点 插入 目标节点的下一个节点（nextSibling）之前
    if(targetElement == parent.lastChild){
        parent.appendChild(newElement);
    }else {
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}