如何选择链接然后添加 onclick 事件以更改其他元素样式

【问题标题】：How can I select link and then add onclick event to change other elements styling如何选择链接然后添加 onclick 事件以更改其他元素样式
【发布时间】：2022-06-11 08:10:51
【问题描述】：

我想知道如何选择第一、第二、第三等。来自导航的链接。这样我就可以添加改变 Div 外观的 onclick 事件函数。我也有像 index.html#div1 这样的 goTo 链接。这个想法是单击链接，链接将我们导航到 div 并更改它的外观（## Heading ## box-shadow 或更改背景颜色），但只是暂时的。你可以在这里查看一些代码：“https://jsfiddle.net/malle/gwq924fu/1/”

【问题讨论】：

欢迎来到stackoverflow！请在minimal reproducable example 中添加更多详细信息，例如 HTML 和 CSS，最多在 stack snippet 中添加。见how to ask

标签： javascript html

【解决方案1】：

您是否尝试过使用 JavaScript querySelectorAll() 链接？

你可以使用类似的东西：

const links = document.querySelectorAll("a");

并修改其 CSS：

links[0].style.backgroundColor = "red";

但是所有的 a 元素都应该在你的函数中定义onClick，所以你可以使用 if 语句来验证你想要修改的元素。

【讨论】：