在jquery中 ， 可以通过设置input对象style属性中的backgroundColor属性 ， 实现控制input框的背景颜色 。 下面小编举例讲解JS怎么控制input框的背景颜色 。
需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
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文件 ， 点击按钮 ， 查看实现的结果 。
总结：1【JS怎么控制input框的背景颜色】1、利用input标签建立文本框 ， 设置input标签的id为myid 。
2、在js中 ， 利用getElementById()方式经由过程id获得input对象 ， 经由过程设置对象style属性中的backgroundColor属性 ， 实现节制input框的布景颜色 。
以上内容就是JS怎么控制input框的背景颜色的内容啦 ， 希望对你有所帮助哦！
猜你喜欢
- B站怎么取消认证号的内容推送
- 六一葫芦兄弟邮票怎么网上预约购买
- 螨虫怎么治疗治疗并不难细心呵护就行
- 贝吉格里芬凡丁犬怎么养 饲养起来并不难
- 柴犬怎么饲养主要是不要吃动物的肝脏
- 贵宾狗怎么养别给它吃一些人吃的东西
- 洪都拉斯卷毛怎么养饲养起来要格外小心
- 钟角蛙怎么养 它的食量比较大饲养蛮简单
- 小哈士奇怎么养 幼年时的小哈要格外小心
- 高冠变色龙怎么养 教你正确养高冠变色龙