How to decorate a table cell with a JS

How to use javascript to decorate a cell in html?

I have this table in html

<table border="1" width="300" height="200">
        <tr>
            <td id="11"><</td>
            <td id="12"></td>
            <td id="13"></td>
            <td id="14"></td>
            <td id="15"></td>
            <td id="16"></td>
            <td id="17"></td>
            <td id="18"></td>
            <td id="19"></td>
            <td id="20"></td>
        </tr>
</table>
<style>
        table {
            border-collapse: collapse;
        }
        td {
            border: 1px solid grey;>
        }
    </style>

I want to conditionally get cell id 11, and paint it black

I tried to do it on JS, but nothing worked

function bthClick(){
    let table = document.querySelectorAll('td id')
    table[11].style.color = 'dark'
}