关于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;100px;height:80px;'

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