读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 13 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
arcgis for js 修改infowindow样式的方法
Nov 02 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
Vue 实现登录界面验证码功能
Jan 03 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 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微信浏览器分享设置以及回调详解
2016/08/01 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
PHP+redis实现微博的拉模型案例详解
2019/07/10 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
JavaScript 指导方针
2007/04/05 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
通过示例彻底搞懂js闭包
2017/08/10 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
python 类详解及简单实例
2017/03/24 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
在PyCharm下使用 ipython 交互式编程的方法
2019/01/17 Python
python爬取cnvd漏洞库信息的实例
2019/02/14 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
Python3实现飞机大战游戏
2020/04/24 Python
python 操作excel表格的方法
2020/12/05 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
请解释在new与override的区别
2012/10/29 面试题
应届大学生自荐信格式
2013/09/21 职场文书
人力资源专业推荐信
2013/11/29 职场文书
十月份红领巾广播稿
2014/01/22 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
经理岗位职责
2015/02/02 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书
使用Selenium实现微博爬虫(预登录、展开全文、翻页)
2021/04/13 Python
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js