读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 08 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
Mar 01 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 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
如何开发一个虚拟域名系统
2006/10/09 PHP
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
PHP模板引擎Smarty自定义变量调解器用法
2016/04/11 PHP
JQuery 入门实例1
2009/06/25 Javascript
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
selenium+java中用js来完成日期的修改
2019/10/31 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
Python实现简单HTML表格解析的方法
2015/06/15 Python
python简单读取大文件的方法
2016/07/01 Python
解决Python字典写入文件出行首行有空格的问题
2017/09/27 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
python pandas消除空值和空格以及 Nan数据替换方法
2018/10/30 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
python正则-re的用法详解
2019/07/28 Python
python返回数组的索引实例
2019/11/28 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
如何用canvas实现在线签名的示例代码
2018/07/10 HTML / CSS
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
出国签证在职证明
2014/01/16 职场文书
十佳美德少年事迹材料
2014/02/05 职场文书
小学班级口号
2014/06/09 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书