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

所以我有这个按钮，这只是实际一个div和我有DIV更改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>

来源

2011-06-05 denniss

我会用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; 
}

来源

2011-06-05 18:04:06

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

来源

2011-06-05 17:56:01 patapizza

您也可以尝试使用：

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

注意，您可以使用相同的代码，而无需修改任何Anchor或其他元素，因为它将应用于任何父对象。

来源

2011-06-05 18:04:09 sudipto

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

回答

相关问题