Fatal编程技术网

Javascript 单击向元素添加类

javascript

Javascript 单击向元素添加类,javascript,Javascript,我想更改元素onClick的颜色，但是我已经在HTML元素上附加了onClick函数。这是我的密码 function changeColor(cell){ for (var i=0;i<cell.length;i++){ cell[i].classList.remove("active")} elem.classList.add("active"); } } table> <tr> <t

我想更改元素onClick的颜色，但是我已经在HTML元素上附加了onClick函数。这是我的密码

function changeColor(cell){
    for (var i=0;i<cell.length;i++){
        cell[i].classList.remove("active")}
        elem.classList.add("active");
    }

}

table>
      <tr>
        <td><input  type="button"class= "input" id="cell1" onclick="clickThis(this.id)"></input></td>
        <td><input  type="button"class= "input" id="cell2" onclick="clickThis(this.id)"></input></td>
        <td><input  type="button"class= "input" id="cell3" onclick="clickThis(this.id)"></input></td>
      </tr> 
      <tr> 

函数更改颜色（单元格）{
对于（var i=0；i
在
onclick属性中可以有多个函数调用：


onclick="clickThis(this.id); changeColor(this);"


但是，将其包装成一个更干净的：


onclick="cellClick(this);"

function cellClick(cell){
   clickThis(cell.id);
   changeColor(cell);
}



如果您将其从HTML中抽象出来并使用，那就更好了。
使用addEventLister（）而不是使用内联处理程序会更好

但要使用内联处理程序，您可以



功能单击此（id）{
snippet.log（'单击：'+id）
};
函数更改颜色（单元格）{
var tr=cell.parentNode；
for（var i=0；i


.active{
颜色：红色；
边框：1px纯绿色；
}




对不起…你想做什么？从哪里来的
元素
来的？尝试在点击时改变按钮的颜色，对不起，元素不应该在那里是为了cellIMHO，整个DOM0
onclick
内容应该在这里的答案中积极避免-现在是90年代。使用
addEventListener
是唯一正确的答案.