js給div添加多個樣式怎么寫

在js中，可以將多個樣式放在一個class中，通過給div添加class屬性，實現給div添加多個樣式。下面小編舉例講解js給div添加多個樣式怎么寫。

東西/原料

1
新建一個html文件，定名為test.html，用于講解js給div添加多個樣式怎么寫。
2
在test.html文件內，利用div標簽建立一個模塊，并設置其id為mydiv。
3
在css標簽內，建立一個mycss的樣式，界說其邊框為紅色，寬度為200px，高度為200px。
4
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行moreCss()函數。
5
在js標簽中，建立moreCss()函數，在函數內，經由過程id獲得div對象，利用setAttribute()方式給div添加上面設置了樣式的class。
6
在瀏覽器打開test.html文件，點擊按鈕，查看成果。
END