对于前端开发来说,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;'