js中元素属性值的获取

一、样式表的三种方式

1、内嵌样式(inline style)：是写在tag标签当中的，用style=“”来表示，只对当前标签生效；

2、内部样式(inner style sheet)：是写在HTML中的，一般写在head标签中，对所在的网页有效

3、外部样式表(Extend style sheet)：写在单独文件，需要用link标签单独引入，可对多个网页生效

二、获取style样式属性

1、在js中，通过document.getElementById("id").style.xxx就可以获得元素的XXX属性值，但是，这种方法只能获取到内嵌方式设置的样式值。

2、通过getComputedStyle或currentStyle(IE方法)获取元素属性值

通常封装为函数

function getStyle(obj,attr){
        if(obj.currentStyle){
            return obj.currentStyle[attr];
        }else{
            return getComputedStyle(obj,null)[attr];
        }
    }