JS常用的自定义函数addClass() insertAfter() addLoadEvent(func)

版权声明:本文为博主原创文章,未经博主允许请尽情转载。 https://blog.csdn.net/yanghuan313/article/details/54958037

这里有三个常用操作DOM,但并不属于内置的函数:

增加类属性:

function addClass() {
    if (!element.className) {
        element.className = value;
    } else {
        newClassName = element.className;
        newClassName += " ";
        newClassName += value;
        element.className = newClassName;
    }
}

在目标节点后增加新节点:

function insertAfter(newElement, targetElement) {
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
    }
}

增加绑定页面加载时执行的事件:

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

以上代码参考《JavaScript DOM 编程艺术》

猜你喜欢

转载自blog.csdn.net/yanghuan313/article/details/54958037
今日推荐