前端进阶——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>

就是错误的。