JS получить HTML `<template>` innerHTML с содержимым таблицы не удается

Question

В файле HTML у меня есть следующее содержимое:

<template id="notWorking">
    <table class="table table-xs table-hover">
      <thead>
        <tr>
          <th>Conteneur</th>
        </tr>
      </thead>
      <tbody>
        {{ each(options.dossier.conteneurs) }}
          <tr>
            <td>{{ @this.numConteneur }}</td>
          </tr>
        {{ /each }}
      </tbody>
    </table>
</template>

Но когда я звоню console.log(document.getElementById("notWorking").innerHTML), я получаю следующее:

{{ each(options.dossier.conteneurs) }}

{{ /each }}
<table class="table table-xs table-hover">
<thead>
<tr>
<th>Conteneur</th>
</tr>
</thead>
<tbody><tr>
<td>{{ @this.numConteneur }}</td>
</tr></tbody>
</table>

Кажется, что элементне анализируется должным образом ...? Я что-то делаю неправильно?

См .: https://codepen.io/nebrelbug/pen/OJJEvmW

Answer 1

<tbody> может иметь только <tr> в качестве детей. Текстовое содержимое не допускается.