读JavaScript DOM编程艺术笔记
更新时间：2011年11月15日 01:44:14 作者：
读JavaScript DOM编程艺术笔记，需要的朋友可以参考下。
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;
}
}
复制代码 代码如下:
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;
}
}
相关文章
JS类中定义原型方法的两种实现的区别...2007-03-03
本文给大家带来了json解析方法小结的知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。接下来通过本文给大家介绍JSONP跨域请求实例详解，感兴趣的朋友一起看下吧2016-07-07
本篇文章给大家详细分享了JS表单传值和URL编码转换的相关知识点，并把实例做了分享，一起学习下。2018-03-03
cookie在javascript中的使用技巧以及隐私在服务器端的设置
cookie在javascript中的使用技巧，需要的朋友可以参考下2012-12-12
JavaScript的函数其实都指向某个变量,既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数,这篇文章主要给大家介绍了关于JavaScript中常见的高阶函数,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了ES6新数据结构Set与WeakSet用法,结合实例形式简单分析了Set与WeakSet的功能、使用方法及相关注意事项,需要的朋友可以参考下2017-03-03
JavaScript中style.left与offsetLeft的使用及区别详解
这篇文章主要介绍了JavaScript中style.left与offsetLeft的使用及区别详解的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
无论是代码高亮还是语法高亮对整个程序来说都非常重要，可以给人眼前一亮的感觉，增加用户体验度，下面通过本文给大家介绍2016年最热门的Javascript代码高亮显示脚本及代码语法高亮工具，对js代码高亮，代码语法高亮相关知识感兴趣的朋友一起学习吧2016-01-01
这篇文章主要为大家详细介绍了原生js实现简单轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
最新评论