读JavaScript DOM编程艺术笔记


Posted in Javascript onNovember 15, 2011

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 相关文章推荐
javascript 自定义事件初探
Aug 21 Javascript
学习ExtJS fit布局使用说明
Oct 08 Javascript
基于JavaScript 声明全局变量的三种方式详解
May 07 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
jquery禁用右键示例
Apr 28 Javascript
详解JavaScript中数组的相关知识
Jul 29 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
jQuery密码强度验证控件使用详解
Jan 05 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
react-router 路由切换动画的实现示例
Dec 03 Javascript
js constructor的实际作用分析
Nov 15 #Javascript
浅谈Javascript面向对象编程
Nov 15 #Javascript
js Html结构转字符串形式显示代码
Nov 15 #Javascript
Js 时间间隔计算的函数(间隔天数)
Nov 15 #Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 #Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 #Javascript
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 #Javascript
You might like
php 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
php生成word并下载代码实例
2019/03/15 PHP
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
老生常谈javascript中逻辑运算符&&和||的返回值问题
2017/04/13 Javascript
微信小程序 上传头像的实例详解
2017/10/27 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
js 递归json树实现根据子id查父id的方法分析
2019/11/08 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
python实现简单的TCP代理服务器
2014/10/08 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
Python常用知识点汇总
2016/05/08 Python
Python paramiko模块的使用示例
2018/04/11 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
python中使用while循环的实例
2019/08/05 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
如何通过python计算圆周率PI
2020/11/11 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
一套.net面试题及答案
2016/11/02 面试题
电子信息科学专业自荐信
2014/01/30 职场文书
检查接待方案
2014/02/27 职场文书
业务员岗位职责范本
2015/04/03 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python
Spring 使用注解开发
2022/05/20 Java/Android