读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第二章
Sep 30 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
Jun 05 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
将页面table内容与样式另存成excel文件的方法
Aug 05 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
微信小程序中时间戳和日期的相互转换问题
Jul 09 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 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
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
二级域名或跨域共享Cookies的实现方法
2008/08/07 Javascript
javascript StringBuilder类实现
2008/12/22 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
2010/02/07 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
javascript正则表达式总结
2016/02/29 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
python学习手册中的python多态示例代码
2014/01/21 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python设计密码强度校验程序
2020/07/30 Python
python处理写入数据代码讲解
2020/10/22 Python
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
二手书店创业计划书
2014/01/16 职场文书
mybatis使用oracle进行添加数据的方法
2021/04/27 Oracle
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
Windows Server 2012 修改远程默认端口3389的方法
2022/04/28 Servers