單擊按鈕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">