<js>关于在.js内获取.css里属性

Question

js里面修改？
方法1，
xx对象的.className="ground_body"方法2：
xx对象的.style.backgroundSize="567px"

Answer 1

xxx.css
.test { width:10px; background-color: red; } 
js里面
// 访问 styleSheet 中的一条规则, 将其 backgroundColor 改为蓝色。
  var oStyleSheet = document.styleSheets[0];
  var oRule = oStyleSheet.rules[0];
  oRule.style.backgroundColor = "#0000FF";
<div class="test">aaa</div> 已测试。你可以把color改成size

Answer 2

<style>
*{margin:0;padding:0;}
.ground_body{
background-image: url(http://images.csdn.net/20140124/1111.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:87px;
width:100px;
height:100px;
}
</style>
<div id="box" class="ground_body">123213</div>
<script>
function getCurrentStyle(node) {
    var style = null;
    if(window.getComputedStyle) {
        style = window.getComputedStyle(node, null);
    }else{
        style = node.currentStyle;
    }
    return style;
}
var oBox = document.getElementById("box");
var obj = getCurrentStyle(oBox);
alert(obj.backgroundSize);setTimeout(function(){
oBox.style.backgroundSize = "120px";
},5000);
</script>