您的位置:首页 > Web前端 > JavaScript

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

2017-02-09 21:45 543 查看
这里有三个常用操作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 编程艺术》
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  dom javascript