怎么在js中給文本框添加CSS樣式

在js中，獲得文本框對象，通過style中的屬性，便可以改變文本框的樣式。下面小編舉例講解怎么在js中給文本框添加CSS樣式。

東西/原料

1
新建一個html文件，定名為test.html，用于講解怎么在js中給文本框添加CSS樣式。
2
在test.html文件內，利用input標簽建立一個文本框，用于測試。
3
在test.html文件內，設置input標簽的id為myinput，用于下面獲得input對象。
4
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行addinputCss()函數。
5
在js標簽中，建立addinputCss()函數，在函數內，經由過程id獲得input文本框對象，利用style設置css的屬性。例如，這里設置文本框的布景顏色(background)為灰色，高度（height）為50px。
6
在瀏覽器打開test.html文件，點擊按鈕，查看成果。
END