单击按钮Javascript时更改选择的颜色行数据表

Question

单击“应用”按钮时，我需要更改数据表中一行的颜色

这是我的行的 HTML 代码：

<tr role="row" class="odd"></tr>
<tr role="row" class="even selected"></tr>
<tr role="row" class="odd"></tr>
<tr role="row" class="even"></tr>

在我的检查选项卡中，我可以像这样更改行的背景颜色：

table.dataTable tbody tr.selected {
    background-color: orange;
}

如何在 Javascript 中编码？ 我试过这段代码，但我得到了一个错误：

$("#btnApply").click(function() {
        var zz = document.getElementsByClassName("selected");
        zz.style.backgroundColor = "orange";
     });

错误 ：

未捕获的类型错误：无法设置未定义的属性“backgroundColor”

Answer 1

当您在第一行中使用 jQuery 时，Y 不要像这样继续使用它：

 $("#btnApply").click(function() { $(".selected").css('background-color', 'green'); });

 table tr.selected { background-color: orange; }

 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <table> <tr role="row" class="odd"><td>aa</td></tr> <tr role="row" class="even selected"><td>aa</td></tr> <tr role="row" class="odd"><td>aa</td></tr> <tr role="row" class="even"><td>aa</td></tr> </table> <input type="button" id="btnApply" value="click">