在js中 ， 通过style中的backgroundColor属性的设置 ， 便可以改变表格的背景颜色 。 下面小编举例讲解js怎样改变表格的背景颜色 。
文章插图
需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解js如何改变表格的布景颜色 。
文章插图
2在test.html文件内 ， 利用table标签建立一个表格 ， 用于测试 。
文章插图
3在test.html文件内 ， 设置table的id属性为mytb 。
文章插图
4在test.html文件内 ， 建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行editBg()函数 。
文章插图
5在test.html文件内 ， 建立一个editBg()函数 ， 在函数内 ， 经由过程id获得表格对象 ， 设置style中的backgroundColor属性为red(红色) ， 实现表格布景颜色的界说 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
总结：1【js怎样改变表格的背景颜色】1、利用table标签建立一个表格 ， 设置table的id属性为mytb 。 2、建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行editBg()函数 。 3、建立一个editBg()函数 ， 在函数内 ， 经由过程id获得表格对象 ， 设置style中的backgroundColor属性为red(红色) ， 实现表格布景颜色的界说 。 4、在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
以上内容就是js怎样改变表格的背景颜色的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 怎样从头条号创作学院学习的方法
- 丽格海棠怎样扦插繁殖，学会一招快速生根！
- 微信电脑版怎样设置开机自动启动
- 金鱼吊兰怎样剪枝好看，冬天能剪枝吗
- 剪映怎样设置入场动画
- 如何在WPS中改变字母大小写、增加字符边框
- 出塞表达了诗人怎样的愿望 出塞表达了诗人如何的愿望
- 钓鱼怎样选个好钓位
- Excel表格怎么生成柱形图
- Excel表格如何根据性别统计男女人数