JSFiddle - React, Tailwind, and code Playground
HTML
<table width="800" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr name="_1">
<td name="_1_1"> </td>
<td name="_1_1"> </td>
<td name="_1_1"> </td>
<td name="_1_1"> </td>
<td name="_1_1"> </td>
</tr>
<tr name="_1">
<td name="_1_2"> </td>
<td name="_1_2"> </td>
<td name="_1_2"> </td>
<td name="_1_2"> </td>
<td name="_1_2"> </td>
</tr>
<tr name="_1">
<td name="_1_3"> </td>
<td name="_1_3"> </td>
<td name="_1_3"> </td>
<td name="_1_3"> </td>
<td name="_1_3"> </td>
</tr>
<tr name="_1">
<td name="_1_4"> </td>
<td name="_1_4"> </td>
<td name="_1_4"> </td>
<td name="_1_4"> </td>
<td name="_1_4"> </td>
</tr>
<tr name="_1">
<td name="_1_5"> </td>
<td name="_1_5"> </td>
<td name="_1_5"> </td>
<td name="_1_5"> </td>
<td name="_1_5"> </td>
</tr>
</tbody>
</table>
X: <input type="text" id="form" value="номер строки"><br>
<input type="button" id="but" value="подсветить строку">
JavaScript
let trAll = document.getElementsByName("_1");
let arr_of_trs = [];
for (var i = 0; i < trAll.length; i++) {
arr_of_trs.push(Array.from(document.getElementsByName("_1_" + (i + 1))))
}
form.onfocus = function() {
form.value = '';
}
but.onclick = function() {
if (form.value > trAll.length || !form.value || form.value <= 0) {
alert('строки с таким номером нет');
} else {
for (var i = 0; i < arr_of_trs.length; i++) {
for (var j = 0; j < arr_of_trs[i].length; j++) {
arr_of_trs[i][j].style.backgroundColor = 'transparent';
};
};
for (var i = 0; i < arr_of_trs[form.value - 1].length; i++) {
arr_of_trs[form.value - 1][i].style.backgroundColor = 'yellow';
};
}
form.value = '';
form.focus();
}