使用锚点更改页面内容

Question

实际上创建一个网站并通过使用锚点搜索聚焦id页脚，但我想在点击锚点时更改页脚的背景颜色（我已经知道有一种方法可以使用jQuery但我和＃39 ; m不使用jQuery，只使用原生javascript）

<a id="footer"></a>
<div class="footer">
Mail address: <a href="mailto:hidden for example">hidden for example</a> <i class="material-icons">mail_outline</i><br />
Skype: <a href="hidden for example">hidden for example</a> <i class="material-icons">chat_bubble_outline</i>
<br /><br />
<span style="font-size: 16px;font-weight: bold;color: black;font-family: 'Raleway', sans-serif;">An original idea from hidden for example</span>
</div>

Answer 1

将其放入点击事件回调

document.querySelector(".footer").classList.add("class-with-red-background")

或

document.querySelector(".footer").style.backgroundColor = "red";