读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 相关文章推荐
非常有用的40款jQuery 插件推荐(系列二)
Dec 25 Javascript
利用javascript解决图片缩放及其优化的代码
May 23 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
浅析Node.js查找字符串功能
Sep 03 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
Vue的路由动态重定向和导航守卫实例
Mar 17 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 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
全国FM电台频率大全 - 30 宁夏回族自治区
2020/03/11 无线电
用PHP4访问Oracle815
2006/10/09 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
js 设置选中行的样式的实现代码
2010/05/24 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
python批量同步web服务器代码核心程序
2014/09/01 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
详解 Python 读写XML文件的实例
2017/08/02 Python
Python断言assert的用法代码解析
2018/02/03 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
初中数学教学反思
2014/01/16 职场文书
2014年行政人事工作总结
2014/12/09 职场文书
交通事故起诉书
2015/05/19 职场文书
如何让2019年上半年的工作总结更出色!
2019/07/01 职场文书
python spilt()分隔字符串的实现示例
2021/05/21 Python
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS
vue实现登陆页面开发实践
2022/05/30 Vue.js