读JavaScript DOM编程艺术笔记

更新时间：2011年11月15日 01:44:14 作者：

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

您可能感兴趣的文章:

JavaScript 对Cookie 操作的封装小结
通过本篇,您能了解到: 匿名函数闭包的产生 JavaScript实现private 以及 public 访问权限 document.cookie 的操作
2009-12-12
微信小程序网络封装(简单高效)
这篇文章主要介绍了微信小程序网络封装(简单高效)，微信小程序的网络请求很便捷，直接调用就可以了。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-08-08
Ajax基础知识详解
本文主要介绍了Ajax基础知识。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
window.onload使用指南
我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片,下面我们就来详细探讨下window.onload的用法
2015-09-09
微信小程序使用for循环动态渲染页面操作示例
这篇文章主要介绍了微信小程序使用for循环动态渲染页面操作,结合实例形式分析了微信小程序使用for语句获取data数据渲染页面相关操作技巧,需要的朋友可以参考下
2018-12-12
Javascript查看大图功能代码实现
这篇文章主要介绍了Javascript查看大图功能代码实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
javascript中this关键字详解
本文介绍了javascript中this关键字，并将有关this的关键字知识列成一个list，会有助于我们理清思路，是一个很好的学习方法。强烈推荐。
2016-12-12
JavaScript判断变量是否为数组的方法(Array)
这篇文章主要介绍了JavaScript判断变量是否为数组的方法(Array),涉及到javascript 数组变量相关知识，感兴趣的朋友一起学习吧
2016-02-02
JavaScript实现在页面间传值的方法
这篇文章主要介绍了JavaScript实现在页面间传值的方法,涉及javascript传值的技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
风吟的小型JavaScirpt库 (FY.JS).
此库非常的迷你压缩之后只有1.54KB.但是却有类似jquery的语法有COOKIE操作还有DOM以及AJAX跟绑定事件函数.
2010-03-03