通用函数: 加载多个函数, 紧邻目标元素节点后,下一个元素节点
2014-01-16 17:29
281 查看
/*下一个元素节点*/
fucntion getMextElement(node){
if(node.nodeType ==1){ //如果是元素节点
return node; //返回该元素节点
}
if(node.nextSibling){ //如果下一个兄弟元素存在
return getNextElement(node.nextSibling); //返回兄弟元素
}
return null; //如果不是元素节点也没有下一个兄弟元素节点 返回null
};
/*加载多个函数*/
function addLoadEvent(func){
var onload = window.onload;
if(typeof window.onload != "function"){ //如果window.onload数据类型不是function 就说明没有绑定函数
window.onload = func; //绑定函数
}else{ //如果有绑定函数
window.onload = function(){
onload(); //加载已绑定函数
func(); //绑定新函数
}
}
};
/*把一个节点插入到另一个节点后面*/
fucntion insertAfter(newElement,targetElement){
var parent = targetElement.parendNode; //获取目标元素的父元素
if(parent.lastChild == targetElement){ //如果父元素最后一个子元素是目标节点
parent.addChild(newElement); //新元素追加到父元素内部
}else{
parent.insertBefore(newElement,targetElment.nextSibling); //把新元素插入到目标元素紧邻下一个兄弟元素的前面
}
};
fucntion getMextElement(node){
if(node.nodeType ==1){ //如果是元素节点
return node; //返回该元素节点
}
if(node.nextSibling){ //如果下一个兄弟元素存在
return getNextElement(node.nextSibling); //返回兄弟元素
}
return null; //如果不是元素节点也没有下一个兄弟元素节点 返回null
};
/*加载多个函数*/
function addLoadEvent(func){
var onload = window.onload;
if(typeof window.onload != "function"){ //如果window.onload数据类型不是function 就说明没有绑定函数
window.onload = func; //绑定函数
}else{ //如果有绑定函数
window.onload = function(){
onload(); //加载已绑定函数
func(); //绑定新函数
}
}
};
/*把一个节点插入到另一个节点后面*/
fucntion insertAfter(newElement,targetElement){
var parent = targetElement.parendNode; //获取目标元素的父元素
if(parent.lastChild == targetElement){ //如果父元素最后一个子元素是目标节点
parent.addChild(newElement); //新元素追加到父元素内部
}else{
parent.insertBefore(newElement,targetElment.nextSibling); //把新元素插入到目标元素紧邻下一个兄弟元素的前面
}
};
相关文章推荐
- getNextElement( )函数——获取下一个特定的元素节点
- 找到下一个“元素节点”通用函数
- JQuery学习之一:(加载函数,获取画面元素,一些简单的函数【each】【find】【focuse】【blur】)
- js得到下一个元素节点
- JS函数:返回下一个元素节点而不是下一个节点
- 【数据结构】堆的实现(包括:默认成员函数,插元素push,删元素pop,访问根节点top,判空,大小)
- 寻找下一个同级元素节点
- JavaScript DOM(一)--页面加载完成事件与获取元素节点
- 查找下一个元素节点(getNextElement函数)
- DOM Core 获取某节点下最后一个子元素节点、第一个子元素节点、下一个兄弟元素节点、上一个兄弟元素节点
- Js中获取文档中的下一个元素节点的方法
- 在节点树中获取文档的下一个元素节点
- php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
- 返回下一个元素节点而不是下一个节点
- jquary笔记 选择器 选择器的过滤 函数 动画 特效 属性操作 事件 元素节点操作等
- php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
- ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
- 浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
- 读Tomcat源码确定加载web.xml中节点元素的顺序
- 【php数组函数序列】之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值