如何更改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

回答

相关问题