如何实现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点击按钮改变页面和文字的背景颜色?的主要内容,如果未能解决你的问题,请参考以下文章
请问安卓开发,怎么实现点击按钮改变当前页面背景颜色?(整个layout的颜色)