一、获取样式信息
通过.style.xxx的方式只能访问内联的css样式
//Css部分
<style>
#div{background-color :blue}
.box{height: 300px; background-color:blue}
</style>
<body>
<div id = "div1"></div>
</body>
要获取当前有效样式,系统提供的方法是:getComputedStyle((通过id获取的单一节点)[要设置的样式名])
//通过id名获取到节点
var oDiv = document.getElementById("div1");
//获取通过oDiv获取到其height样式信息
var height = getComputedStyle((oDiv)["height"]);
二、设置样式
设置样式只需要通过.style.xxx方式设置css样式
//通过id名获取到节点
var oDiv = document.getElementById("div1");
oDiv.style.backgroundColor = 'orange';
oDiv.style.height = '500px';