/**
*
*/
//通过ID获取元素
function getId(id){
return document.getElementById(id);
}
//获取Paernt元素下面类名为class的所有元素(首先parent元素必须找到);
function getByClass(parent,oClass){
var newArr=[];
var oEle=parent.getElementsByTagName('*');
for(var i=0;i<oEle.length;i++){
if(oEle[i].className===oClass){
mewArr.push(oEle[i]);
}
}
return newArr;
}
//获取第一个子节点
function getFirstNode(ele){
return ele.firstElementChild||ele.firstChild;
}
//获取最后一个子节点
function getLastNode(ele){
return ele.lastElementChild||ele.lastChild;//位置不能调换,弊端:在非IE低下会执行ele.lastChild从而找到所有类型节点
}
//获取下一个兄弟节点
function getNextNode(ele){
return ele.nextElementSibling||ele.nextSibling;
}
//获取上一个兄弟节点
function getNextNode(ele){
return ele.previousElementSibling||ele.previousSibling;
}
//通过索引值获取对应兄弟节点
function getEleOfIndex(ele,index){
return ele.parentNode.children[index];
}
//获取所有兄弟节点
function getSiblingAll(ele){
var newArr=[];
var arr=ele.parentNode.children;
for(var i=0;i<arr.length;i++){
if(arr[i]!==ele){
newArr.push(arr[i]);
}
}
return newArr;
}
//通过当前元素获取 上一个兄弟元素节点
//ele.previousSibling:这个方法获取的是元素的上一个节点(包括文本节点),在IE低版本这个只获取元素节点,
//ele.previousElementSibling:这个方法获取的是元素的上一个元素节点,在IE低版本没有这个方法,
function getPre(ele){
var pre=ele.previousSibling;
while(pre&&pre.nodeType!=1){
pre=pre.previousSibling;
}
return pre;
}
//通过当前元素获取 所有哥哥元素节点
function getPreAll(ele){
var array=[];
var pre=ele.previousSibling;
while(pre){
if(pre.nodeType==1){
array.unshift(pre);
}
pre=pre.previousSibling;
}
return array;
}
//通过当前元素获取 下一兄弟元素节点
function getNex(ele){
var nex=ele.nextSibling;
while(nex&&nex.nodeType!=1){
nex=nex.nextSibling;
}
return nex;
}
//通过当前元素获取 所有弟弟元素节点
function getNexAll(ele){
var array=[];
var nex=ele.nextSibling;
while(nex){
if(nex.nodeType==1){
array.push(nex);
}
nex=nex.nextSibling;
}
return array;
}
//通过当前元素获取 所有子元素节点
function getEleChild(ele){
if(!ele.children){
var array=[];
var nodeList=ele.childNodes;
for(var i=0;i<nodeList.length;i++){
if(ele.childNodes[i].nodeType==1){
array.push(ele.childNodes[i]);
}
}
return array;
}else{
return ele.children;
}
}
//获取元素属性的函数
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj)[attr];
}
}
//封装好的运动函数
function startMover(obj,json,fnEnd){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var bStop=true;
for(var attr in json){
var cur;
if(attr=='opacity'){
cur=Math.round(parseFloat(obj,attr)*100);
}else{
cur=parseInt(getStyle(obj,attr));
}
var speed=(json[attr]-cur)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(cur!=json[attr])bStop=false;
if(attr='opacity'){
obj.style.filter = 'alpha(opacity='+(cur+speed)+')';
obj.style.opacity=(cur+speed)/100;
}else{
obj.style[attr]=cur+speed+'px';
}
}
if(bStop){
clearInterval(obj.timer);
if(fnEnd)fnEnd();
}
},30);
}
//事件绑定
//addEventLisener:事件处理程序会在当前对象的作用域运行,因此,事件处理程序的this就是当前对象
//attachEvent:事件处理程序是在全局作用域下运行因此this就是window
function addHandler(ele,type,fn){ //ele元素名 type字符串事件 fn函数
if(ele.addEventListener){
ele.addEventListener(type,fn,false);//false换为true就是捕获//
}else if(ele.attachEvent){
ele.attachEvent('on'+type,fn);//IE下
}else{
ele['on'+type]=fn;
}
}
//移除事件
function removeHandler(ele,type,fn){
if(ele.removeEventListener){
ele.removeEventListener(type,fn,false);
}else if(ele.detachEvent){
ele.detachEvent('on'+type,fn);//IE下
}else{
ele['on'+type]=null;
}
}
//获取event
function getEvent(ev){
return ev?ev:event;
//var event = event || window.event;
}
//获取Target(事件源)在事件内调用
function getTarget(ev){
var oEvent=ev||event;
return oEvent.target||oEvent.srcElement;
}
//阻止默认行为
function preventDefault(ev){
var oEvent=ev||event;
if(oEvent.preventDefault){
oEvent.preventDefault();
}else{
oEvent.returnValue=false;//IE
}
//return false//JQ zepto时他会把冒泡和捕获都 阻止
}
//阻止事件传播/事件流
function stopPropagation(ev){
var oEvent=ev||event;
if(oEvent.stopPropagation){
oEvent.stopPropagation();
}else{
oEvent.cancelBubble=true;
}
}
//获取可视区宽度和高度
function getBody(){
var sw=document.body.scrollWidth||document.documentElement.scrollWidth;
var sh=document.body.scrollHeight||document.documentElement.scrollHeight;
return {sw,sh};
}
//获取鼠标坐标
function getMouse(ev){
var oEvent=ev||event;
var st=document.body.scrollTop||document.documentElement.scrollTop;
var sl=document.body.scrollLeft||document.documentElement.scrollLeft;
return {x:oEvent.clientX+sl,y:oEvent.clientY+st}
}
//clientX/clientY 所有浏览器都支持,窗口位置
//pageX/pageY IE8以前不支持,页面位置
//screenX/screenY 屏幕位置
//shiftKey/ctrlKey/altKey 同时按下组合键