<table> automatycznie się zamyka

Question

Cześć, mam prosty skrypcik który w zamiarze miał mi tworzyć tabelkę. Wstawiam tylko jego malutką część. Po prostu generuje mi on tabelkę. Jednak problem polega na tym, że po wygenerowaniu nagłówka tabelki tzn. tej części ze znacznikami <th> ona się zamyka. W kodzie nigdzie nie ma znacznika </table>. Jednak firebug już go pokazuje. :p

  if(q == 0){
      document.getElementById("container").innerHTML+='<table class="table table-hover table-dark"><tr><th>Date</th><th>Img</th><th>Title</th><th>Content</th><th class="actions">Actions</th></tr>';
      document.getElementById("container").innerHTML+='<tr><td>'+post.dateadd+'</td><td><img class="adminimg" src="/img/'+post.imgurl+'"></td><td>'+post.title+'</td><td>'+post.description+'</td></tr>';
      q++;
    } else
   document.getElementById("container").innerHTML+='<tr><td>'+post.dateadd+'</td><td><img class="adminimg" src="/img/'+post.imgurl+'"></td><td>'+post.title+'</td><td>'+post.description+'</td></tr>';

Tabelka nie jest kompletna, jednak nie zmienia to faktu że <table> nie powinien się zamknąć. W HTMLu mam tylko div z id container, który jest pusty. Treść się pojawia, ale nie w tabeli.

Answer 1

Powinien, bo tak określono w sekcji obsługi błędów specyfikacji HTML.

Wszystko, co trafia do innerHTML, jest z automatu wstawiane jako nowy kod HTML na stronę. Jeśli zatem wstawimy tam niepoprawny kod HTML (czyli np. fragment tabeli), przeglądarka to naprawi. Dlatego też najpierw powinniśmy zbudować cały string, zawierający cały kod, a dopiero na samym końcu go wstawić.

Comments

Ooo, o tym to nie wiedziałem. Dziękuję.