1. 首頁 > 生活百科 > >

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

小知識

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

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



需要這些哦
html+js
代碼編纂器：Dreamweaver CS5
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解JS怎么節制input框的布景顏色 。
JS怎么控制input框的背景顏色



2在test.html文件內 ， 利用input標簽建立文本框 ， 用于測試 。
JS怎么控制input框的背景顏色



3在test.html文件內 ， 設置input標簽的id為myid ， 用于下面獲得input對象 。
JS怎么控制input框的背景顏色



4在test.html文件中 ， 利用button標簽建立一個按鈕 ， 給button綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行ctbgcolor()函數 。
JS怎么控制input框的背景顏色



5在js標簽內 ， 建立ctbgcolor()函數 ， 在函數內 ， 利用getElementById()方式經由過程id獲得input對象 ， 經由過程設置對象style屬性中的backgroundColor屬性 ， 實現節制input框的布景顏色 。 例如 ， 這里節制input的布景顏色為綠色 。
JS怎么控制input框的背景顏色



6在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看實現的結果 。
JS怎么控制input框的背景顏色



總結：1【JS怎么控制input框的背景顏色】1、利用input標簽建立文本框 ， 設置input標簽的id為myid 。
2、在js中 ， 利用getElementById()方式經由過程id獲得input對象 ， 經由過程設置對象style屬性中的backgroundColor屬性 ， 實現節制input框的布景顏色 。


以上內容就是JS怎么控制input框的背景顏色的內容啦 ， 希望對你有所幫助哦！

    猜你喜歡