JS怎么控制input框的背景顏色

在jquery中，可以通過設置input對象style屬性中的backgroundColor屬性，實現控制input框的背景顏色。下面小編舉例講解JS怎么控制input框的背景顏色。

東西/原料

1
新建一個html文件，定名為test.html，用于講解JS怎么節制input框的布景顏色。
2
在test.html文件內，利用input標簽建立文本框，用于測試。
3
在test.html文件內，設置input標簽的id為myid，用于下面獲得input對象。
4
在test.html文件中，利用button標簽建立一個按鈕，給button綁定onclick點擊事務，當按鈕被點擊時，執行ctbgcolor()函數。
5
在js標簽內，建立ctbgcolor()函數，在函數內，利用getElementById()方式經由過程id獲得input對象，經由過程設置對象style屬性中的backgroundColor屬性，實現節制input框的布景顏色。例如，這里節制input的布景顏色為綠色。
6
在瀏覽器打開test.html文件，點擊按鈕，查看實現的結果。
END