getElementById не работает на элементах td

Question

Я пытаюсь получить доступ к элементам таблицы с помощью getElementById, но этот код дает мне «ноль» в качестве журнала консоли? GetElementById не работает с таблицами?

<tr>
  <td id="num1"></td>
  <td id="num2"></td>
  <td id="num3"></td>
  <td id="num4"></td>
  <td id="num5"></td>
</tr>
<script>
  console.log(document.getElementById('num3'));
</script>

Answer 1

Ваш HTML недействителен. Хотя я могу воспроизвести вашу проблему, скопировав / вставив ваш код «как есть», он прекрасно работает , если , то вы помещаете элементы <tr> и <script> в тех местах, где они разрешены (то есть как потомки <table>, а не как брат <tr> соответственно).

Используйте валидатор для выявления ошибок в HTML.

<table><tr>
    <td id="num1"></td>
    <td id="num2"></td>
    <td id="num3"></td>
    <td id="num4"></td>
    <td id="num5"></td>
</tr></table>
<script>
    console.log(document.getElementById('num3'));
</script>