从外部 JS 将Child“Table”对象附加到 HTML 页面上的“Div”

Question

我有一个js函数。该函数创建Table元素并返回它。我已将其放在同一页面上，然后它就可以工作了。但我已将该功能设为external js. 然后它就不起作用了。如何从外部 js 在 HTML 页面上的元素中附加Tablereturn ？Div

外部JS：

// JavaScript Document

function createtbl() {

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

  table.border = "1";

  var row = table.insertRow(-1);

  var cell = row.insertCell(-1);

  cell.innerHTML = "Cell Value";

  var globaldiv = document.getElementById("globaldiv");

  globaldiv.innerHTML = "";

  globaldiv.appendChild(table);

}

createtbl()

<div id="globaldiv"></div>

Answer 1

这适用于包含名为 globaldiv 的 div 的所有页面// JavaScript Documentfunction createtbl() {&nbsp; var table = document.createElement("table");&nbsp; table.border = "1";&nbsp; var row = table.insertRow(-1);&nbsp; var cell = row.insertCell(-1);&nbsp; cell.innerHTML = "Cell Value";&nbsp; var globaldiv = document.getElementById("globaldiv");&nbsp; if (globaldiv) {&nbsp; &nbsp; globaldiv.innerHTML = "";&nbsp; &nbsp; globaldiv.appendChild(table);&nbsp; }&nbsp; &nbsp;&nbsp;}window.addEventListener("load",createtbl);<div id="globaldiv"></div>