對於前端開發來說，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樣式，那麼這個樣式就會被覆蓋，如果沒有這個樣式，會被新增上去