首頁  >  文章  >  web前端  >  读JavaScript DOM编程艺术笔记_javascript技巧

读JavaScript DOM编程艺术笔记_javascript技巧

WBOY
WBOY原創
2016-05-16 17:59:331061瀏覽

1.获得当前元素的下一个元素

复制代码 代码如下:

function getNextElement(node){
if(node.nodeType==1){
return node;
}
if(node.nextSibling){
return getNextElement(node.nextSibling);
}
return null;
};

2.外部引入的js,添加页面加载方法
复制代码 代码如下:

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

3.insertAfter方法
复制代码 代码如下:

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

4.添加class
复制代码 代码如下:

function addClass(element,value){
if(!element.className){
element.className=value;
}else{
newClassName=element.className;
element.className=newClassName+" "+value;
}
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn