读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替换URL中的参数值示例代码
Jan 27 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
详解vue 在移动端体验上的优化解决方案
May 20 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
php在字符串中查找另一个字符串
2008/11/19 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
jquery+json实现分页效果
2016/03/07 Javascript
jQuery多级联动下拉插件chained用法示例
2016/08/20 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
python中定义结构体的方法
2013/03/04 Python
python批量下载图片的三种方法
2013/04/22 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
Python数据分析matplotlib设置多个子图的间距方法
2018/08/03 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
Python3爬虫学习入门教程
2018/12/11 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
python Kmeans算法原理深入解析
2019/08/23 Python
Python反爬虫伪装浏览器进行爬虫
2020/02/28 Python
音乐专业应届生教师求职信
2013/11/04 职场文书
运动会解说词50字
2014/01/18 职场文书
产品质量承诺范本
2014/03/31 职场文书
《鸿门宴》教学反思
2014/04/22 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
有关花店创业的计划书模板
2019/08/27 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python
python百行代码实现汉服圈图片爬取
2021/11/23 Python