Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过单击按钮更改页面背景和字体颜色?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何通过单击按钮更改页面背景和字体颜色?

Javascript 如何通过单击按钮更改页面背景和字体颜色?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在这里特别尝试实现演示中蓝色按钮的前端结果: 如何做到这一点?我尝试了原始代码,但什么也没有得到 感谢您提供的任何帮助。document.bgColor和document.fgColor都已被弃用,这可能就是如果您在本地运行该站点上的代码,该站点上的代码无法工作的原因?对于这些属性,您应该分别使用css属性背景色和颜色。尝试以下方法: <input type="button" value="Blue" onClick="document.body.style.backgroundCol

我在这里特别尝试实现演示中蓝色按钮的前端结果:

如何做到这一点?我尝试了原始代码,但什么也没有得到


感谢您提供的任何帮助。

document.bgColor
document.fgColor
都已被弃用,这可能就是如果您在本地运行该站点上的代码,该站点上的代码无法工作的原因?对于这些属性,您应该分别使用
css
属性
背景色
颜色
。尝试以下方法:

<input type="button" value="Blue" onClick="document.body.style.backgroundColor ='#0000FF'; document.body.style.color ='#FFFFFF';">

欢迎来到stackoverflow,您应该发布您在问题中尝试的代码。阅读如何创建一个