前端进阶——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>
就是错误的。
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值