<style> #div1{width:200px; height:200px; background:red;} </style> </head> <script> function setColor(color){ var oDiv=document.getElementById("div1"); oDiv.style.background=color; } </script> <body> <input type="button" value="变绿" onclick="setColor('green')"/> <input type="button" value="变黄" onclick="setColor('yellow')"/> <input type="button" value="变黑" onclick="setColor('black')"/> <div id="div1"> </div> </body>
<script> function setStyle(name,value){ var oDiv=document.getElementById("div1"); oDiv.style[name]=value; } </script> <body> <input type="button" value="变高" onclick="setStyle('height','400px')"> <input type="button" value="变宽" onclick="setStyle('width','400px')"> <input type="button" value="变绿" onclick="setStyle('background','green')"> <div id="div1"> </div>
重剑无锋,大巧不工