读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 API学Jquery之一 选择器
Apr 07 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
JavaScript满天星导航栏实现方法
Mar 08 Javascript
js动态设置select下拉菜单的默认选中项实例
Aug 21 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
Aug 25 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
js实现车辆管理系统
Aug 26 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
一个用php3编写的简单计数器
2006/10/09 PHP
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
实例讲解php数据访问
2016/05/09 PHP
php表单习惯用的正则表达式
2017/10/11 PHP
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
2013/01/29 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
JavaScript设计模式开发中组合模式的使用教程
2016/05/18 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
2016/08/24 Javascript
vue.js将unix时间戳转换为自定义时间格式
2017/01/03 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
select2 ajax 设置默认值,初始值的方法
2018/08/09 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
vuejs实现下拉框菜单选择
2020/10/23 Javascript
Javascript实现关闭广告效果
2021/01/29 Javascript
初学Python实用技巧两则
2014/08/29 Python
pycharm+django创建一个搜索网页实例代码
2018/01/24 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
春秋航空官方网站:Spring Airlines
2017/09/27 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
乡镇党委书记第三阶段个人整改措施
2014/09/16 职场文书
工作检讨书500字
2014/10/19 职场文书
投资入股合作协议书
2014/10/28 职场文书
python Tkinter模块使用方法详解
2022/04/07 Python
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python