大众计算机学习网

专门提供各种电脑教程

实现一个获取元素样式的函数getStyle

Admin | 2015-11-12 3:04:18 | 被阅次数 | 1795

  var getStyle=function(){
  var f=document.defaultView;
  return new Function('el','style',[
        "style.indexOf('-')>-1 && (style=style.replace(/-(\\w)/g,function(m,a){return a.toUpperCase()}));",
        "style=='float' && (style='",
        f ? 'cssFloat' : 'styleFloat',
        "');return el.style[style] || ",
        f ? 'window.getComputedStyle(el, null)[style]' : 'el.currentStyle[style]',
        ' || null;'].join(''));
  }();
 
  //使用示例:
  var el=document.getElementById('test');
  getStyle(el,'line-height');
  getStyle(el,'color');
  getStyle(el,'float');