如何使用3种可选颜色为表格行添加颜色

<style>
    .red-row {
        background-color: red;
    }
</style>

<table>
    <tr class="red-row">
        <td>Row 1</td>
        <td>Data 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
        <td>Data 2</td>
    </tr>
</table>

<table>
    <tr style="background-color: red;">
        <td>Row 1</td>
        <td>Data 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
        <td>Data 2</td>
    </tr>
</table>

<table>
    <tr id="row1">
        <td>Row 1</td>
        <td>Data 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
        <td>Data 2</td>
    </tr>
</table>

<script>
    var row = document.getElementById("row1");
    row.style.backgroundColor = "red";
</script>