使用javascript更改子链接颜色

我有一个带有页眉、正文和页脚的网页我放置了一个脚本来在单击切换按钮时将主题从暗更改为亮。但并非所有链接的颜色都相同，例如我希望标题的链接为“白色”，正文的链接为“银色”，

所以对于标题，我有这样的定义：

#header a{color:black}
#header a:hover{color:red}

我可以将文本颜色更改为：

var hdr = document.getElementById("header");
hdr.style.color = "#white";

我的问题是如何使用 javascript 更改元素标题的子“a”的颜色，就像我自己使用标题一样？

谢谢。

在 <body> 上切换一个类，然后创建在其中使用该类的特定规则。

类似于：

#header a {color: black}
#header a:hover {color: red}

.dark #header a {color: white}
.dark #header a:hover {color: pink}

正如您所问的那样 - 您想选择 string V; int y; id，并更改其中的所有 header 标签。

因此，您正在为 a id 内的 a 标签寻找选择器。

选择所有 header 锚标记，并使用循环将所有标记更改为您想要的颜色。

我相信您可以通过最初使用 getElementsByClassName() 获取“家庭”来调用子元素。因此，不要使用 id，而是将其更改为一个类，然后您就可以通过这种方式获取层次结构。然后你可以使用索引来选择正确的孩子。

这是一个可能有用的链接。