读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里的正则表达式说明
Aug 03 Javascript
eval的两组性能测试数据
Aug 17 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
js控制href内容的连接内容的变化示例
Apr 30 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
js数组去重的方法总结
Jan 18 Javascript
深入理解vue-class-component源码阅读
Feb 18 Javascript
详解Vue中使用插槽(slot)、聚类插槽
Apr 12 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 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/03/15 PHP
php数据库抽象层 PDO
2011/05/07 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
cakephp打印sql语句的方法
2015/02/13 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
php输出图像的方法实例分析
2017/02/16 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
2018/12/21 PHP
jQuery 性能优化手册 推荐
2010/02/23 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
javascript实现简单的on事件绑定
2016/08/23 Javascript
Webpack实现按需打包Lodash的几种方法详解
2017/05/08 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
[03:08]TI9战队档案 - Vici Gaming
2019/08/20 DOTA
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
python实现合并两个数组的方法
2015/05/16 Python
对Python中gensim库word2vec的使用详解
2018/05/08 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
adidas泰国官网:adidas TH
2020/07/11 全球购物
美工的岗位职责
2013/11/14 职场文书
企业管理部经理岗位职责
2013/12/24 职场文书
好邻里事迹材料
2014/01/16 职场文书
大学生职业生涯规划书汇总
2014/03/20 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python