hello ,i`m vingnee

getStyle(getComputedStyle currentstyle) 获取非行间样式函数封装

  function getStyle(obj,attr)   //obj为对象,attr为样式属性
    {    if(obj.currentStyle)
        {
            return obj.currentStyle[attr];
        }
        else{
            return getComputedStyle(obj,false)[attr];
        }        
    }    

  

手写js获取非行间样式,上次讲到offsetWidth获取元素的width不是太准确,因为其实盒模型计算(计算时包含了margin、padding、border等的值),所以这次特地讲讲非行间获取样式。封装getStyle用来获取非行间样式,需要用到currentStyle和getComputedStyle这两个属性。

注意:style只能获取行内的样式,即定义属性时写在了body内的,比如<input style="width:... ;height:.. ">,而定义在head或者css文件中的属性就属于非行间样式。

posted @ 2013-05-10 10:25  前端开发者  阅读(443)  评论(0编辑  收藏  举报