读JavaScript DOM编程艺术笔记
作者:
读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;
}
}
复制代码 代码如下:
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;
}
}