读JavaScript DOM编程艺术笔记

203 阅读 0 评论 134 点赞

我是靠谱客的博主长情火，最近开发中收集的这篇文章主要介绍读JavaScript DOM编程艺术笔记，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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; 
} 
} 