首页 > 软件开发 > JavaScript >

js怎么设置按钮控制背景颜色

来源:互联网 2023-03-16 23:56:15 459

最近身边一些朋友咨询小编关于js实现点击按钮变换背景颜色,说实话小编对这个不太了解,但是小编从网络上整理了相关的资源,大家可以看一下,希望能够帮助到大家!JDv办公区 - 实用经验教程分享!

方法/步骤

  • 1

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>js实现点击按钮变换背景颜色/title>script type="text/javascript">function aa(){document.bgColor="Orange";}JDv办公区 - 实用经验教程分享!

    js怎么设置按钮控制背景颜色JDv办公区 - 实用经验教程分享!

  • 2

    function change(c){document.bgColor=c;}/script>/head>JDv办公区 - 实用经验教程分享!

    js怎么设置按钮控制背景颜色JDv办公区 - 实用经验教程分享!

  • 2此文章非法爬取自百度经验
  • 3

    body onload="aa()">input type="button" value="橙色" onclick="change('Orange')"/>input type="button" value="粉色" onclick="change('pink')"/>input type="button" value="绿色" onclick="change('green')"/>JDv办公区 - 实用经验教程分享!

    js怎么设置按钮控制背景颜色JDv办公区 - 实用经验教程分享!

  • 4

    br />br/>/body>/html>JDv办公区 - 实用经验教程分享!

    JDv办公区 - 实用经验教程分享!

    JDv办公区 - 实用经验教程分享!

    JDv办公区 - 实用经验教程分享!

    JDv办公区 - 实用经验教程分享!

    js怎么设置按钮控制背景颜色JDv办公区 - 实用经验教程分享!

  • 5

    以上就是所有的代码,因为经验的要求,小编给拆分了,大家可以复制在一起使用。JDv办公区 - 实用经验教程分享!

  • 注意事项

    • 感谢原文作者的分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!JDv办公区 - 实用经验教程分享!


    标签: JAVASCRIPT软件

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码