读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 相关文章推荐
jQuery ajax BUG:object doesn't support this property or method
Jul 06 Javascript
JavaScript中链式调用之研习
Apr 07 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
Oct 24 Javascript
document.documentElement的一些使用技巧
Apr 18 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
vue中进行微博分享的实例讲解
Oct 14 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中使用excel的简单介绍
2013/08/02 PHP
php字符集转换
2017/01/23 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
jquery实现省市select下拉框的替换(示例代码)
2014/02/22 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
深入浅析Bootstrap列表组组件
2016/05/03 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
浅谈EasyUI常用控件的禁用方法
2016/11/09 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
JS+canvas画一个圆锥实例代码
2017/12/13 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
JS实现多功能计算器
2020/10/28 Javascript
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
python 换位密码算法的实例详解
2017/07/19 Python
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
python实现图片识别汽车功能
2018/11/30 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
乌克兰最大的家用电器和电子产品连锁店:Eldorado
2019/10/02 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
满月酒答谢词
2014/01/14 职场文书
计算机通信专业推荐信
2014/02/22 职场文书
销售主管竞聘书
2014/03/31 职场文书
小学生寒假家长评语
2014/04/16 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
纪录片信仰观后感
2015/06/08 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python