如何更改td上的css鼠標點擊使用javascript

Uisng javascript，我想加載css（id）點擊td。如何更改td上的css鼠標點擊使用javascript

onclick event

在上述圖像，i的一個TD由主賬戶持有人，並且在另一個td.Main帳戶持有者標籤應該加載授權記者而onload.What我需要被同時單擊授權記者標籤的CSS對於主要賬戶持有人和授權記者應該改變。主要賬戶持有人的背景應該在授權的記者處申請，反之亦然。

的.css ID是，

#account_holder{ 
     background: url('{{ STATIC_URL }}images/main-account-holder.png')no-repeat; 
     background-size:100%;-moz-background-size: cover; 
     background-size: cover;-o-background-size: cover; 
     -webkit-background-size: cover; 
    } 
    #authorised_reportericon{ 
     background: url('{{ STATIC_URL }}images/authorised_reporter-icon.png')no-repeat; 
     background-size:100%; 
     -moz-background-size: cover; 
     background-size: cover;-webkit-background-size: cover;-o-background-size: cover; 
     background-color:#F0F0F0; 
     border-top-right-radius: 10px; 
     border-bottom-right-radius: 10px; 
    } 
    #account_holdericon{ 
     background: url('{{ STATIC_URL }}images/main-account-holder-icon.png')no-repeat; 
     background-size:100%; 
     -moz-background-size: cover; 
     background-size: cover; 
    } 
    #authorised_reporter{ 
     background: url('{{ STATIC_URL }}images/authorised_reporter.png')no-repeat;background-size:100%; 
     -moz-background-size: cover; 
     background-size: cover; 
     background-color:#F0F0F0; 
     border-top-right-radius: 10px; 
     border-bottom-right-radius: 10px; 
    }

使用JavaScript，我想在執行onclick.I不知道如何在javascript.Can代碼中的任何一個quide我如何代碼更改CSS的ID。

來源

2013-04-25 user2086641

您可以通過CSS ID的意思，你要更改的ID的元素，以便各自的CSS適用？ – PSL 2013-04-25 18:18:15

如何在鼠標點擊時更改元素的ID。 – user2086641 2013-04-25 18:19:47

我會考慮不使用id並交換它們。改爲使用類並更改類。 @艾哈邁德答案應該指出你在正確的方向。 – PSL 2013-04-25 18:21:24

ID應該是唯一的。不要改變它們。改用類代替

在Css中替換＃爲。像下面這樣：

.account_holder{ 
     background: url('{{ STATIC_URL }}images/main-account-holder.png')no-repeat; 
     background-size:100%;-moz-background-size: cover; 
     background-size: cover;-o-background-size: cover; 
     -webkit-background-size: cover; 
    }

下面是如何使用JavaScript來改變一個元素的類名：

編輯：

var your_element = document.getElementById('your_element_id'); 

    your_element.onclick = function(){ 
     this.className = 'account_holder'; 
    };

來源

2013-04-25 18:20:39

由於OP對Javascript編程知之甚少，請編輯此文件以包含'document.GetElementByID（）' – 2013-04-25 18:22:54

好吧，那個使場景。謝謝 – 2013-04-25 18:34:06

你應該如果使用jQuery或同時使用的mouseenter和mouseout事件狀態使用懸停

來源

2013-04-25 18:19:53 Mani

如何使用JavaScript，任何想法，如果你知道PLZ股 – user2086641 2013-04-25 18:28:12

查看http://api.jquery.com/category/events/mouse-events/ – Mani 2013-04-25 18:34:09

如何更改td上的css鼠標點擊使用javascript

回答

相關問題