javascript - 如何使用JS改变网页上所有文字的颜色?

标签 javascript html css text colors

我想在我的网站上制作一个按钮来更改背景和文本/字体颜色。

这是我现在拥有的:

some text<br>
<input type="button" value="Dark" onClick="document.body.style.backgroundColor = 'black'; document.body.style.color = 'white';">

我可以更改背景颜色,但我似乎无法更改文本/字体颜色,有人能帮忙吗?

最佳答案

我给按钮添加了一个 id 并做了 document.getElementById('button').style.color = 'white'

完整示例: <input type="button" value="Dark" id="button" onClick="document.body.style.backgroundColor = 'black'; document.getElementById('button').style.color = 'white';">

这将按钮的文本更改为白色。

JSFiddle - https://jsfiddle.net/yns15r6k/

关于javascript - 如何使用JS改变网页上所有文字的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59164211/

相关文章:

javascript - 通过溢出 : hidden 禁用滚动而不滚动顶部零

javascript - Cordova cordova-plugin-qrscanner : Opaque camera view

Javascript 动画无法正常运行

html - 我是编码新手,我不太确定为什么我的 index.html 无法正确加载。

ios - 如何使 canvas 元素的窗口大小精确?

javascript - 导航顶部链接 <li> 仅在 Firefox 26.0 中悬停时移动 - 需要一个解决方案

javascript - 在 x = 0 时执行 Math.pow(10,x) 时使用 javascript 更改 R Shiny 错误中的 noUIslider 标签

javascript - Backbone.js 不会仅在 IE 中同步

javascript - 随机顶部/左侧定位

javascript - 切换一个不是这个父级的 div