读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之函数直接量(function(){})()
Jun 29 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
angularjs http与后台交互的实现示例
Dec 21 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
基于Express框架使用POST传递Form数据
Aug 10 Javascript
详解JavaScript之ES5的继承
Jul 08 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
thinkphp模板继承实例简述
2014/11/26 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
thinkphp多层MVC用法分析
2015/12/30 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
javascript模拟命名空间
2015/04/17 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
2020/11/12 Javascript
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
Python print不能立即打印的解决方式
2020/02/19 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
公司培训心得体会
2014/01/03 职场文书
小学生学习感言
2014/03/10 职场文书
2014年党员承诺书范文
2014/05/20 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
Python集合set()使用的方法详解
2022/03/18 Python
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis