如何在javascript中更改没有id的嵌套元素的样式答案

【问题标题】：How to change styling of nested elements without an id in javascript如何在javascript中更改没有id的嵌套元素的样式
【发布时间】：2025-11-28 13:35:01
【问题描述】：

我正在制作一个 chrome 扩展程序，它可以改变网站的颜色以减轻眼睛疲劳。我注意到很多网站都有没有 ID 或类的标签。例如：

<span>Insert Text Here</span>

在我的代码中我会写

document.body.style.color = #fff;

它会将大部分文本颜色从黑色更改为白色，但不会影响嵌套元素。

如何使所有文本颜色变白而所有背景颜色变暗？

【问题讨论】：

“视情况而定”。阅读 CSS Selectors Level 3 规范可能会有用。
给我们看一些代码？
body { filter: invert(100%); }
我建议您再问一次这个问题，但提供一个基于代码的具体示例，说明您正在尝试做什么以及您自己的尝试。
@Cerbrus：哈哈！！

标签： javascript html css

【解决方案1】：

您需要某种方法来识别元素。这并不意味着它们必须具有 ID 或类，您可以使用 the full range of CSS selectors 以在 style 元素中使用，您可以从扩展代码中添加到页面中。或者，您可以使用 querySelector 和 querySelectorAll 在 JavaScript 代码中使用这些 CSS 选择器，并在必要时应用其他逻辑。

【讨论】：