读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-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
Apr 08 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
轻松掌握JavaScript单例模式
Aug 25 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
Dec 30 Javascript
webpack3.0升级4.0的方法步骤
Apr 02 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 is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
JS中的变量作用域(console版)
2020/07/18 Javascript
JS实现多功能计算器
2020/10/28 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
Python中的filter()函数的用法
2015/04/27 Python
Python用imghdr模块识别图片格式实例解析
2018/01/11 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
python3对拉勾数据进行可视化分析的方法详解
2019/04/03 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
就业推荐自我鉴定
2013/10/06 职场文书
文艺演出策划方案
2014/06/07 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
2015年出纳年终工作总结
2015/05/14 职场文书
2016年教师节慰问信
2015/12/01 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python