javascript表未放置在div中

我有一个HTML文件，它有这个div，我想要调用javascript文件来创建一些表。正在div外部创建表。如何在div内部创建表

这是我的html文件：

{%extends 'layout.html'%}

{%block body%}

<link rel="stylesheet" href="../static/style.css">

{%block content%}


    <div class="jumbotron text-center">

        <!-- TABLE DATA FOR TABLE1 -->
        <script type="text/javascript" >
            var tableData = {{ table1|safe }}
        </script>
        <script src="../static/merit_table.js"></script>

        <!-- TABLE DATA FOR TABLE2 -->
        <script type="text/javascript">
            var tableData = {{ table2|safe }}
        </script>
        <script src="../static/merit_table.js"></script>

        <!-- TABLE DATA FOR TABLE3 -->
        <script type="text/javascript">
            var tableData = {{ table3|safe }}
        </script>
        <script src="../static/merit_table.js"></script>

    </div>

{%endblock%}

{%endblock%}

这是我的javascript文件：

var table = document.createElement('table');


for (var key in tableData) {
    var tr = document.createElement('tr');

    var td1 = document.createElement('td');
    var td2 = document.createElement('td');

    var text1 = document.createTextNode(key);
    var text2 = document.createTextNode(tableData[key]);

    td1.appendChild(text1);
    td2.appendChild(text2);
    tr.appendChild(td1);
    tr.appendChild(td2);

    table.appendChild(tr);
}
document.body.appendChild(table);

---

您正在将表附加到文档正文而不是div。请尝试为div指定一个id，然后再附加到该id而不是正文。比如：

html第10行：

---

JS最后一行：

document.getElementByID（“table div”）.appendChild（table）
您正在将表附加到文档正文而不是div。请尝试为div指定一个id，然后将其附加到该id而不是正文。比如：

html第10行：

JS最后一行：
document.getElementByID（“table div”）.appendChild（table）
看起来我现在更接近了，但是我在js文件“TypeError:document.getElementByID不是函数”中得到了以下错误，并且错误来自js文件中的这一行：document.getElementByID（“table div”）.appendChild（table）；知道了。对我来说，强制转换有点不同，它的“document.getElementById（“table div”）.appendChild（table）；”和“document.getElementById（“table div”）.appendChild（table）；”看起来像我现在更接近了，但我在js文件“TypeError:document.getElementById不是函数”中得到了以下错误错误也来自js文件中的这一行：document.getElementByID（“table div”）.appendChild（table）；知道了。演员阵容对我来说有点不同，它是“document.getElementById（“table div”）.appendChild（table）；”而不是“document.getElementById（“table div”）.appendChild（table）；”
var table = document.createElement('table');


for (var key in tableData) {
    var tr = document.createElement('tr');

    var td1 = document.createElement('td');
    var td2 = document.createElement('td');

    var text1 = document.createTextNode(key);
    var text2 = document.createTextNode(tableData[key]);

    td1.appendChild(text1);
    td2.appendChild(text2);
    tr.appendChild(td1);
    tr.appendChild(td2);

    table.appendChild(tr);
}
document.body.appendChild(table);