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元素的sn-p：

<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 吗？当我这样做时，根本没有渲染。无法弄清楚我犯了什么业余错误，或者 Materialize 是否在搞砸我......感谢您的任何建议......

Answer 1

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