前端进阶——JS中属性操作注意事项

<style>

#box{
  background-color: #000;
  font-size: 14px;
  margin-top: 5px;

}
</style>

<script>
  var Box=document.getElementById("box");
  Box.style.backgroundColor= '#000';

  Box.style.fontSize= '14px';

  Box.style.marginTop= '5px';
</script>

<style>
  .red{ background-color: red;}
  .green{ background-color: green;}
</style>

<script>
  var Box=document.getElementById("box");
  Box.class= 'yellow';
</script>

<script>
  var Box=document.getElementById("box");
  Box.className= 'yellow';
</script>

<script>
  var var=document.getElementById("box");
</script>