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

  考试周虽未过去，但是JS还得继续学习。这一周主要学习了一些JS中对属性操作的注意事项：

  1、在CSS中我们对背景颜色、文字大小等设置时，需要写

<style>

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

}
</style>

  但是通过JS修改这些属性值时，两个属性之间的 - 就不再是正确的格式，而正确的写法是

<script>
  var Box=document.getElementById("box");
  Box.style.backgroundColor= '#000';
  Box.style.fontSize= '14px';
  Box.style.marginTop= '5px';
</script>



 
 

  
    2、在变量声明中要注意一些保留词与关键词，如：
 
 

 
 

  
  （1）保留词：
 
 

 
 

  
  CSS中有两个类
 
 
<style>
  .red{ background-color: red;}
  .green{ background-color: green;}
</style>

 
 

  
  要修改box的类时，不能写成
 
 
<script>
  var Box=document.getElementById("box");
  Box.class= 'yellow';
</script>

 
 

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

 
 

  
  （2）关键词：
 
 

 
 

  
  一些关键词是不能被用来声明做变量的，如
  
  
<script>
  var var=document.getElementById("box");
</script>

 
 

 
 

  
  就是错误的。