如何使用 javascript 更改网页上的字体颜色?

发布于 2024-09-18 22:02:58 字数 125 浏览 1 评论 0原文

遗憾的是我不能使用 JQuery,我需要使用旧的 Javascript。

我有一个论坛和一个黑色主题,当人们在上面使用黑色文本时,你看不到它。所以我想在页面加载时使用javascript将页面上的所有黑色文本更改为白色。

I can't use JQuery sadly I need to use good old Javascript.

I have a forum and a black theme and when people use black text on it you can't see it. So I want to use javascript to change all the black text on the page to white when the page loads.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

浊酒尽余欢 2024-09-25 22:02:58
document.body.style.color = '#555555'

当然,如果你想选择一个特定的元素,你必须使用 getElementById 函数而不是 body 。

但这并不是很聪明。使用CSS。

document.body.style.color = '#555555'

of course then you have to use the getElementByIdfunction instead of body if you want to select a specific element.

That's not really smart though. Go with CSS.

等待圉鍢 2024-09-25 22:02:58

如果你真的想使用 JS 来实现这一点,其他回答者已经发布了 JavaScript 解决方案,所以我不会添加另一个。然而,我只是想提供两种选择:

  • 如果您发现黑色是任何帖子的默认颜色,并且您可以修改主题,请不要使用 JavaScript - 打开主题的 CSS 文件,尝试找到使帖子文本变为黑色的样式,并将其更改为白色。

  • 如果黑色文本只是由于人们在自己的帖子中更改颜色而引起的,我认为更好的主意是告诉您的会员不要使用黑色文本。我还可以看到黑色背景上黑色文本的合法使用,例如,由于您的论坛软件中缺少剧透标签。

Other answerers have posted JavaScript solutions if you really want to use JS for this, so I won't add another. However, I just thought I'd offer two alternatives:

  • If you find that black is the default color for any posts, and you can modify your theme, don't use JavaScript for this — open your theme's CSS file, try to locate the style that makes post text black, and change it to white.

  • If black text is simply caused by people changing the color to be such in their own posts, I think a better idea would be to just tell your members not to use black text. I can also see legitimate uses of black text on black backgrounds, e.g. for a lack of spoiler tags in your forum software.

对你的占有欲 2024-09-25 22:02:58

如果您想动态更改主题/样式,您可以使用 javascript 通过 document.getElementsByTagName("link") 选择链接标签来禁用和启用头部中的 css 链接元素

If you mean you want to dynamically change your theme/styles you can use javascript to disable and enable css link element in the head by selecting link tags via document.getElementsByTagName("link")

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文