关于js写css代码小知识

对于前端开发来说,js是一个非常好的语言,js不但可以写js代码,还可以写html标签,甚至也可以写css代码,学习了很长时间,一直有一个问题困扰着我,就是虽然可以通过js来给html元素添加css代码,但是代码太繁琐了,比如给一个div盒子添加一个边框和宽高,css代码直接就是

div{ 

  border:1px solid #ccc;

  width:100px;

  height:80px

}

 

而使用js代码的话就特别繁琐,需要获取完元素之后分开写样式,特别繁琐

box.style.border:'1px solid #ccc';
box.style.width='100px';
box.style.height='80px';

 

今天接触了一个新的js方法——cssText,非常方便快捷,可以一次设置多条css样式

box.style.cssText = 'border:1px solid #ccc;width:100px;height:80px;'

但是也有一些小问题,会对原有的css样式有影响——如果元素原本有这个css样式,那么这个样式就会被覆盖,如果没有这个样式,会被添加上去

posted @ 2021-08-10 15:50  伪程序猿  阅读(222)  评论(0编辑  收藏  举报