关于JavaScript Dom的两个通用型函数:addLoadEvent和insertAfter

addLoadEvent函数:
不管打算在页面加载完毕时执行多少个函数,它都能应付自如。它只有一个参数:打算在页面加载完毕时执行的函数的名字。它由Simon Willison(详见http://simon.incutio.com)编写的。
下面是addLoadEvent函数的代码清单:

function addloadEvent(func){
    var oldonload = window.onload;
    if(typeof window.onload != 'function'){
        window.onload = func;
    }else{
        window.onload = function () {
            oldonload();
            func();
        }
    }
}

insertAfter函数:
它提供了一个把节点插入到另一个节点之后所需的所有工具,它的使用方法和inserBefore函数类似:parentElement.insertBefore(newElement,targetElement)

  1. 父元素:目标元素的父元素(parentElement)。
  2. 新元素:你想插入的元素(newElement)。
  3. 目标元素:你想把这个新元素插入到哪个元素(targetElement)之后。

它用到了DOM的方法属性有:

  • parentNode 属性
  • lastChild 属性
  • appendChild 方法
  • insertBefore 方法
  • nextSibling 属性

下面是addLoadEvent函数的代码清单:

function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastChild == targetElement){
        parent.appendChild(newElement);
    }else{
        parent.insertBefore(newElement,targetElement.nextElementSibling);
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值