如何通过单击按钮在页面上创建多个表

Question

我希望能够使用Create table按钮在我的页面上创建空表，但不知道如何去做。我试过查找一些东西，但我在表格上看到的大部分内容只是让您在 html 文件中制作表格，而不是使用按钮创建表格。

Answer 1

所以这就是你创建一个空table元素的方式。请注意，如果没有任何内容和/或尺寸，您的表格将不会显示任何内容（这就是我添加 CSS 部分的原因）。

如果这不是您认为的空表，请更具体地说明您的要求。

document.querySelector('button').addEventListener('click', () => {

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

  document.body.appendChild(table);

})

table {

  border: 4px solid red;

  height: 100px;

  width: 200px;

}

<button type="button">Create an empty table</button>