DOM元素未呈现html

Question

我建立了一个html表，该表从数据数组动态生成。它旨在在我的酒吧中点击菜单，以制作啤酒菜单。该数组包含以下数据：[tap_number，brewery_image，beer_name，price_for_a_pint，price_for_a_pitcher]。因此，该数组指示该表生成5列14行（使用当前数据）。图像数据由html标记图像组成，类似地，Beer_name也标记为<h3></h3>。所有带有html标记的数据都呈现为文本。我做错了什么？顺便说一句，使用Materialize CSS进行基本表格样式设置。也尝试了自举-相同的结果。这是js生成的html元素的代码段：

<table class = "tabel">
<thead>
<tr>
...has <td>column name</td> X5
</tr>
</thead>
<tbody>
<tr>
  <td>1</td>
  <td><img src='[url of image]' alt=''></td>
  <td><h3>[Beer_Name]</h3></td>
  <td>$6</td>
  <td>$10</td>
</tr>
...a bunch more rows..
</tbody> 
</table>
.

因此，数据位置1和2应该根据html标签进行渲染，但仅作为其html文本显示在页面上。数组中的所有数据都作为textContent传递。我应该使用innerHtml吗？当我这样做时，什么都没有渲染。无法弄清楚我犯了什么业余错误，或者Materialise是否正在欺骗我...谢谢您的任何建议...

Answer 1

这是一个业余错误。正在使用innerHtml而不是innerHTML。...