<style>
div { width:100px; height:100px; border:1px solid #333; }
</style>
</head>
<body>
<div id="div1">123</div>
<input id="btn1" type="button" value="按钮" />
<script>
var oDiv = document.getElementById(‘div1‘);
var oBtn = document.getElementById(‘btn1‘);
oDiv.onclick = function (){
// oDiv.style.width = ‘200px‘;
oDiv.style.cssText = ‘ width:200px; height:200px; ‘;
};
oBtn.onclick = function (){
// oDiv.style.width = ‘100px‘;
//完全替换了，类似理解innerHTML一样。
oDiv.style.cssText = ‘‘;
};再次清空的时候不会改变css里面的样式
</script>
