读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中变量提升 Hoisting
Jul 03 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
jQuery的one()方法用法实例
Jan 19 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
jQuery时间验证和转换为标准格式的时间格式
Mar 06 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
微信小程序实现form表单本地储存数据
Jun 27 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 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模板函数 正则实现代码
2012/10/15 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
PHP中常用的转义函数
2014/02/28 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
jQuery+.net实现浏览更多内容(改编php版本)
2013/03/28 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
跟老齐学Python之Python文档
2014/10/10 Python
一波神奇的Python语句、函数与方法的使用技巧总结
2015/12/08 Python
理解python中生成器用法
2017/12/20 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
利用python求积分的实例
2019/07/03 Python
Python实现滑动平均(Moving Average)的例子
2019/08/24 Python
澳大利亚领先的睡衣品牌:Peter Alexander
2016/08/16 全球购物
新闻专业个人求职信
2013/12/19 职场文书
员工考核评语大全
2014/04/26 职场文书
对教师的评语
2014/04/28 职场文书
机械工程师岗位职责
2014/06/16 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
公司股东出资证明书
2014/11/01 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
付款证明格式范文
2015/06/19 职场文书
python实现的web监控系统
2021/04/27 Python
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
浅谈JavaScript作用域
2021/12/06 Javascript