读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 相关文章推荐
一个简单的js树形菜单
Dec 09 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
javascript填充默认头像方法
Feb 22 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 Javascript
JavaScript判断数组类型的方法
Oct 23 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 strtotime函数详解
2009/12/18 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
javascript定时器完整实例
2015/02/10 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
easy ui datagrid 从编辑框中获取值的方法
2017/02/22 Javascript
Node.js数据库操作之连接MySQL数据库(一)
2017/03/04 Javascript
react-router中的属性详解
2017/06/01 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
js比较两个单独的数组或对象是否相等的实例代码
2019/04/28 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
原生js实现购物车功能
2020/09/23 Javascript
[41:05]Serenity vs Pain 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python解析树及树的遍历
2016/02/03 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
Python定义一个跨越多行的字符串的多种方法小结
2018/07/19 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
python UDF 实现对csv批量md5加密操作
2021/01/01 Python
详解Canvas事件绑定
2018/06/27 HTML / CSS
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
大学生个人简历中的自我评价
2013/12/27 职场文书
2016年寒假见闻
2015/10/10 职场文书