显示从函数返回的HTMLTableElement对象

Question

我有一个带有2D数组和div的JS函数。它从数组创建一个表并将其附加到div。 div当前显示：[object HTMLTableElement]。如何将其显示为表格呢？

我用createTable(myArray, $("#tblDiv"));调用该函数。

后来：

function createTable(array, tableDiv)
        {
            var tbl = document.createElement('table');
            tbl.style.border = "1px solid black";
            for(var i = 0; i < array.length; i++)
            {
                var tr = tbl.insertRow();
                for(var j = 0; j < array[i].length; j++)
                {
                    var td = tr.insertCell();
                }
            }
            tableDiv.append("<br>" + tbl);
            return;
        }

Answer 1

"<br>" + tbl将评估为<br>[object HTMLTableElement]。这是字符串连接，如果您尝试将字符串添加到非字符串，它将被转换为字符串，然后添加，因此HTMLTableElement字符串为[object HTMLTableElement]。
你想要做的是自己附加表格

tableDiv.append("<br>");
tableDiv.append(tbl);