更改锚点页面的内容

Question

实际上，通过使用锚点进行网站搜索并关注ID页脚，但是我想要在锚点被点击时更改页脚的背景颜色（我已经知道有一种方法可以做到它使用jQuery，但我不使用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";