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

Question

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

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

如何在单击 td 时同时更改另一个 td 的 css.see my html

<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 中是否可能。

Answer 1

尝试这个

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

}

Answer 2

你的问题不是很清楚。从您所说的来看，这听起来像是您想要做的，但我怀疑情况可能并非如此......：

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