用JavaScript获取css样式的几种方式

首先来说下原生的JS方式：

var oDiv = document.getElementById('myDiv');

//这里我们以获取背景色为例

第一种：var color = oDiv.style.backgroundColor;//要设定颜色的话，oDiv.style.backgroundColor=‘#fff’;

第二种： var color = oDiv.style['background-color'];//要设定颜色的话，oDiv.style['background-color']=‘#fff’;

JQuery方式：

$("#myDiv").css("background-color")//获取。设定$("#myDiv").css("background-color",'#fff')

JS写法设定颜色没毛病，但是获取颜色时，只能当元素的style写在 div中时，才能获取到。但是如果要获取计算后(或者说写在<style>标签中)的css样式

IE写法：oDiv.currentStyle.backgroundColor;

其它：getComputedStyle(oDiv.false).backgroundColor