1

Uisng javascript，我试图在点击 td 时加载 css (id)。

点击事件

在上图中，我在一个 td 中创建了主帐户持有人，在另一个 td 中创建了授权记者。主帐户持有人选项卡应在加载时加载。我需要的是在单击授权记者选项卡时，主帐户持有人和授权报告人的 css 应该更改.ie，主要账户持有人的背景应在授权报告人处申请，反之亦然。

.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时更改css id。我不知道如何在javascript中编码。任何人都可以告诉我如何编码。

4

2 回答 2

2

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-25T18:20:39.073 回答
0

如果使用 jquery 或使用 hover，您应该同时使用 mouseenter 和 mouseout 事件状态

于 2013-04-25T18:19:53.563 回答