文章目录
通过DOM对象获取/修改CSS样式
1.获取 & 修改内联样式
对于一个元素结点来说,内联样式style
就是元素结点的一个属性节点。
可以通过element.style.XXX
来获取这个元素结点的内联样式
;同时,也可以通过element.style.XXX = YYY
修改内联样式
。
例1:尝试获取样式
<style type="text/css">
#main{
width : 300px;
height : 300px;
background-color : yellow;
}
</style>
<script type="text/javascript">
window.onload = function(){
var main = document.getElementById("main");
console.log(main.backgroundColor);
};
</script>
<body>
<div id="main">
</div>