document封装一些常用的方法

function $(str){
        var ind = str.substr(0, 1);
        var stx = str.substring(1,str.length);
        console.info(ind,stx)
        if(ind==='.'){
            return document.getElementsByClassName(stx);
        }else if(ind==='#'){
            return document.getElementById(stx);
        }else{
            return document.getElementsByTagName(stx);
        }
}

 

 /**
 * 批量修改元素样式 
 */
 function css(domObj,styleArry){
       for(var i=0;i<styleArry.length;i++){
              domObj.style[styleArry[i].key] = styleArry[i].val;
        }
}
//调用
 css(imgs[0],[
  {key:'display',val:'block'},
  {key:'width',val:'156px'},
  {key:'height',val:'30px'}
 ]);

　　

上面是批量设置节点样式

 

//获得屏宽高
function bodyWAndH() {
  var data = {
    width:document.documentElement.clientWidth,
    height:document.documentElement.clientHeight
  };
  return data;
}

　　

//去掉px
function getPX(str){
  return str.substring(0,str.indexOf('px'));
}

　　

转载于:https://www.cnblogs.com/SATinnovation/p/6033518.html