getElementById funktioniert nicht bei td-Elementen

Ich versuche, mit getElementById auf Tabellenelemente zuzugreifen, aber dieser Code gibt mir „null“ als Konsolenprotokoll? Funktioniert getElementById nicht mit Tabellen?

<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>

Antwort

Ihr HTML-Code ist ungültig. Obwohl ich Ihr Problem reproduzieren kann, indem ich Ihren Code „wie er ist“ kopiere/einfüge, funktioniert es gut, wenn du gibst den <tr> ein und <script> Elemente an Stellen, an denen sie erlaubt sind (d. h. als Kind eines <table> und nicht als Geschwister von <tr> beziehungsweise).

Verwenden Sie einen Validator, um Fehler in Ihrem HTML zu identifizieren.

<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>