如何调用td的id来改变css样式onclick

时间:2013-04-25 19:47:42

标签: javascript html css

以下是我使用javascript更改td onclick背景的代码。

window.onload = function () {
    document.getElementById('auth').onclick=change;
};
function change(){
    this.className="authorised_reporter";
}

如何在点击td.see my html

时同时更改另一个td的css
<td id="main" class="account_holder">
<h1 align="center">Main Account Holder</h1></td>

<td id="auth" class="authorised_reportericon" >              
    <p align="center" style="color:black;font-size:16px;">Authorised Reporters</p></a>
</td>

我期待的是点击授权记者的td,该td的背景和主要帐户持有人td也会得到改变。这是可能的javascript。

2 个答案:

答案 0 :(得分:0)

试试这个

window.onload = function () {
document.getElementById('auth').onclick=change;
};
function change(){
    this.className="authorised_reporter";
    document.getElementById('main').className="authorised_reporter";

}

答案 1 :(得分:0)

你的问题不是很清楚。从你所说的,听起来这就是你想要做的,但我怀疑可能不是这样......:

function change() {
    this.className = "authorised_reporter";
    document.getElementById('main').className = "authorised_reporter";
}