javascript - 单击 div 内的链接时更改 div 背景颜色

Question

所以我有这个按钮，它实际上只是一个 div，我在 div 中有一个链接

<div id='button'>
    <a href='#'>Link</a>
</div>

当鼠标悬停在链接上时，我可以使用 CSS 更改背景颜色。但是，如何在单击链接时更改背景颜色？我相信这需要一些 javascript？如果是这样，你们能帮我写java脚本吗？这是我到目前为止想出来的，但它仍然不起作用。

  <a href="/page/login" onmousedown="document.getElementById('button').backgroundColor='lavender'">login</a>

Answer 1

您也可以尝试使用:

<div id='button'>
    <a href='#' onmousedown="this.parentNode.style.backgroundColor='lavender';">Link</a>
</div>

请注意，您可以在不修改任何 anchor 或其他元素的情况下使用相同的代码，因为它将应用于任何父对象。