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或其他元素，因为它将应用于任何父对象。

Answer 2

onmousedown="document.getElementById('button').style.backgroundColor='lavender'"

Answer 3

我会用JavaScript和CSS来控制它。以下示例将在每次单击时切换按钮的背景颜色。这是通过将类clicked添加到div来完成的，或者如果div已经拥有此类，则将其删除。

带内置javascript的html代码：

<div id="button">
    <a href="#" onmousedown="javascript:(btn=document.getElementById('button')).className = (btn.className  == 'clicked') ? '' : 'clicked';">Link</a>
</div>

css：

#button {
    background-color: #ccc;
}

#button.clicked {
    background-Color: #123abc;
}

单击div中的链接时更改div背景颜色

3 个答案: