如何利用js實現在指定節點添加style

在js中，通過獲得指定節點對象，便可以給節點添加style樣式。下面小編以div節點為例，講解如何利用js實現在指定節點添加style。

東西/原料

1
新建一個html文件，定名為test.html，用于講解若何操縱js實此刻指定節點添加style。
2
在test.html文件內，利用div標簽建立一個模塊，并設置其id為ccdiv。
3
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行editDivCss()函數。
4
在js標簽中，建立editDivCss()函數，在函數內，利用getElementById方式經由過程id獲得div對象。
5
在editDivCss()函數內，經由過程對象給div添加style，并經由過程style設置div的寬度為120px ，高度為120px ,布景顏色為灰色。
6
在瀏覽器打開test.html文件，點擊按鈕，查看成果。
END