Java Script：TypeError：无法读取 null 的属性“createTHead”，同时动态打印表

Question

我是编码初学者，我正在尝试在我的 HTML 文件中动态打印表格。 出现以下错误：“Uncaught TypeError: Cannot read property 'createTHead' of null at generateTableHead3”，其中 generateTableHead3 是我调用的函数来打印标题。

我一直试图理解为什么在过去的 4 小时内发生这种情况完全没有用。

我有其他动态打印的表格，它们都可以工作。 此代码是从原始表格复制粘贴的，该表格在 HTML 上完美打印，在同一 JS 文件中创建的其他 2 个表格也是如此。 然后，第三个没有。 我创建了一个单独的html和js来测试，它仍然返回错误。 我错过了什么？

let header3 = ["Name", "No. Party", "% Party Votes"];

function generateTableHead3(table, array) {

    let thead = table.createTHead();
    let row = thead.insertRow(0);
    for (i = 0; i < array.length; i++) {
        let cell = document.createElement("th");
        cell.innerHTML = array[i];
        row.appendChild(cell);
    }
}
function generateTable3(table, data) {
    for (let element of data) {

        let row = table.insertRow();
        let cell1 = row.insertCell();
        let a = document.createElement('a');
        let link = document.createTextNode(element['first_name'] + ' ' + (element['middle_name'] || '') + ' ' + element['last_name']);
        a.appendChild(link);
        a.href = element.url;
        a.title = link;
        document.body.appendChild(a);
        cell1.appendChild(a);


        }
    }

let table3 = document.getElementById("least-loyal");
let data3 = Object.keys(array10LeastLoyal);
generateTableHead3(table3, header3);
generateTable3(table3, array10LeastLoyal);