更改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中的鏈接時

回答

相關問題