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

Question

我有一个js函数。该函数创建Table元素并返回它。我已将其放在同一页面上，然后它就可以工作了。但我已将该功能设为external js. 然后它就不起作用了。如何从外部 js 在 HTML 页面上的元素中附加Tablereturn ？Div外部JS：// JavaScript Documentfunction 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 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");

  if (globaldiv) {

    globaldiv.innerHTML = "";

    globaldiv.appendChild(table);

  }    

}

window.addEventListener("load",createtbl);

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