当前位置：首页 > 资讯 > 技术文档

读JavaScript DOM编程艺术笔记

时间：2022-05-21 01:40 编辑：来源：阅读：
扫一扫，手机访问

摘要：读JavaScript DOM编程艺术笔记

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

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

2.外部引入的js，添加页面加载方法

[u]复制代码[/u] 代码如下:

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

3.insertAfter方法

[u]复制代码[/u] 代码如下:

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

4.添加class

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：JavaScript6 let 新语法优势介绍
下一篇：js汉字排序问题支持中英文混排，兼容各浏览器，包括CHROME

资讯排行榜
更多>>