zoukankan      html  css  js  c++  java
  • 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 = {
        document.documentElement.clientWidth,
        height:document.documentElement.clientHeight
      };
      return data;
    }
    

      

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

      

    钟声敲响了日落
  • 相关阅读:
    jQuery(2)
    jQuery(1)
    underscore.js
    面向对象复习
    1.14函数复习
    面向对象(3)继承
    10.18
    1017
    js笔记二
    js笔记一
  • 原文地址:https://www.cnblogs.com/SATinnovation/p/6033518.html
Copyright © 2011-2022 走看看