javascript生成的数据未显示在表上

Question

我有一个JavaScript，可填充表上的arry数据，但不知何故，由javascript生成的数据未显示在表上。该表有两列和四行。

我创建了一个javascript函数来执行此操作，但是该数据未显示在html模板上。它一定很简单，但是我似乎无法弄清楚问题出在哪里。

const animalList = [
    "chicken", 3,
    "cow", 8,
    "dog", 2,
    "elephant", 4
];


function createAnimalList() {

    var table = document.getElementById("table-body");
    var tbody = table.createTBody(table);

    for (var i = 0; i < animalList.length; i++) {
        var row = tbody.insertRow(0);
        row.innerHTML = `
    <td>${animalList[i]}</td>
    `;
    }

}