读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 相关文章推荐
jquery验证表单中的单选与多选实例
Aug 18 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
Mar 07 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
AngularJs 常用的过滤器
May 15 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 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
dedecms采集中可以过滤多行代码的正则表达式
2007/03/17 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
浅谈JSON中stringify 函数、toJosn函数和parse函数
2015/01/26 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
js原生日历的实例(推荐)
2017/10/31 Javascript
解析vue路由异步组件和懒加载案例
2018/06/08 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
[03:14]DOTA2斧王 英雄基础教程
2013/11/26 DOTA
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
Python操作csv文件实例详解
2017/07/31 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
意大利包包和行李箱销售网站:Bagaglio.it
2021/03/02 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
运动会广播稿30字
2014/01/21 职场文书
房地产项目策划书
2014/02/05 职场文书
大学生素质拓展活动方案
2014/02/11 职场文书
婚前协议书范本
2014/04/15 职场文书
计算机多媒体专业自荐信
2014/07/04 职场文书
2015年团支部工作总结
2015/04/03 职场文书
2016秋季运动会前导词
2015/11/25 职场文书