在js中 ， 获得文本框对象 ， 通过style中的属性 ， 便可以改变文本框的样式 。 下面小编举例讲解怎么在js中给文本框添加CSS样式 。
文章插图
需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
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文件 ， 点击按钮 ， 查看成果 。
文章插图
文章插图
总结：11、利用input标签建立一个文本框 ， 设置input标签的id为myinput 。
【怎么在js中给文本框添加CSS样式】2、在js中 ， 经由过程id获得input文本框对象 ， 利用style设置css的属性 。
以上内容就是怎么在js中给文本框添加CSS样式的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 拼多多退款怎么退回来
- wpsPPT中如何制作云朵形目录样式
- 手机百度广告怎么屏蔽
- 项目中引用Maven私服仓库的快速配置教程
- wpsPPT中如何绘制大树
- 丝绸是什么材料 丝绸怎么洗
- 西施犬怎么养 保持毛发的整洁干净
- 苏格兰牧羊犬怎么养 保持其身体干净清爽
- 狗狗肚子痛怎么办 处理得当恢复较快
- 狗狗尿多怎么办 先诊断后治疗