JS控制DOM的CSS样式

JS控制DOM的样式

• 方法一：
  通过DOM的class属性

 <style type="text/css">  .offButton {      width: 200px  }  .onButton {      width: 200px;      height: 200px  }</style><button class="offButton" name="saveButton" onclick="getValues()" id="d1">Save</button><script type="text/javascript">function getValues() {    var div = document.getElementById('d1');    div.setAttribute("class", "onButton"); }<script>

• 方法二：
  直接操作CSS属性

<button class="offButton" name="saveButton" onclick="getValues()" id="d1">Save</button><script type="text/javascript">function getValues() {    var div = document.getElementById('d1');    div.style.backgroundColor = "green";}<script>