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

Question

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

http://www.codelifter.com/main/javascript/colorbuttons.shtml

如何实现这一目标？我已经尝试了原始代码，什么都没有。

感谢您提供任何帮助。

Answer 1

document.bgColor和document.fgColor都已弃用，这可能是为什么如果您在本地运行该网站上的代码不起作用的原因？您应分别使用css属性background-color和color来获取这些属性。尝试类似：

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