如何实现html点击按钮改变页面和文字的背景颜色?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何实现html点击按钮改变页面和文字的背景颜色?相关的知识,希望对你有一定的参考价值。

我在维基上查了好久,啥也没查到。求大神!

<body id=body style="background-color:#888">
<div id=text style="background-color:#8f8">请留意看页面的背景颜色和这段文字的背景颜色</div>
<button onclick="body.style.backgroundColor='#000';">点我改变页面背景颜色</button>
<button onclick="text.style.backgroundColor='#f88';">点我改变文字背景颜色</button>
</body>
参考技术A 可以通过js控制
1、js里直接写background-color【比较灵活】
2、调试好点击后的背景色使用一个class控制 点击按钮 添加class【适合当前点击元素】
参考技术B 有两种比较靠谱且正统的做法,尽管你会觉得麻烦,但是是正统的方法
1. 如果只是背景色等几个属性,完全可以用js来实现,不需要重新导入一份css文件,还剩下了load新文件的时间和流量。
2. 如果更改的属性较多,可以考虑用两个页面,把html文件复制一下,复制本调用第二份css。

以上是关于如何实现html点击按钮改变页面和文字的背景颜色?的主要内容,如果未能解决你的问题,请参考以下文章

js改变单选按钮背景图片,怎么更改文字颜色呢?效果如图

在wps中如何改变编号颜色?

请问安卓开发,怎么实现点击按钮改变当前页面背景颜色?(整个layout的颜色)

C#Winform如何实现点击按钮变色

如何改变UIDocumentInteractionController完成按钮的文字和背景颜色

如何改变java按钮中的颜色?