通過js改變CSS屬性,要怎么實現

在js中，通過獲得元素對象，改變style屬性中的css屬性，便可實現樣式的改變。下面小編舉例講解通過js改變CSS屬性,要怎么實現。

東西/原料

1
新建一個html文件，定名為test.html，用于講解經由過程js改變CSS屬性,要怎么實現。
2
在test.html文件內，利用p標簽建立一行文字，下面將經由過程js設置其顏色。
3
在test.html文件內，設置p標簽的id為mytxt，用于下面獲得p標簽對象。
4
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行changeCss()函數。
5
在js標簽中，建立changeCss()函數，在函數內，經由過程id獲得p標簽對象，給style中的css屬性賦值，便可以改變對應的css樣式。例如，這里改變文字的顏色。
6
在瀏覽器打開test.html文件，點擊按鈕，查看成果。
END