<style type="text/css">
div{/width: 100px;height: 100px;/border:1px solid #333;}/在此处先为dix设置边框/
</style>
</head>
<body>
<div id="div1">123</div>
<input id="btn1" type="button" value="按钮">
<script type="text/javascript">
var oDiv=document.getElementById('div1');
var oBtn=document.getElementById("btn1");
oDiv.onclick=function(){//点击div边框,div边框就会改变成高200px,宽200px
//oDiv.style.width='200px';//相当于在div里面添加样式,比在css中添加样式更加优先级
oDiv.style.cssText='width:200px;height:200px;';//对div进行宽度和高度的设置
}
</script>
</body>
在设置的“按钮”:点击按钮,出现对div高度的设置,根据优先级来,并且,后面执行的会把前面执行的清空——即将以前的宽200px改成现在的100px,并且没有设置高时,div高由其内容高度撑开
oBtn.onclick=function(){
oDiv.style.cssText='width:100px;';
}