AppendChild "Table" Object To "Div" on HTML page From External JS

Question

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

外部 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 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>

AppendChild "Table" Object To "Div" on HTML page From External JS

AppendChild "Table" Object To "Div" on HTML page From External JS

javascript

external-js