如何通过单击按钮在页面上创建多个表[重复]答案

【问题标题】：How do you create multiple table on a page with a click of a button [duplicate]如何通过单击按钮在页面上创建多个表[重复]
【发布时间】：2019-10-28 02:05:54
【问题描述】：

我希望能够使用Create table 按钮在我的页面上创建空表，但不知道该怎么做。

我尝试查找一些内容，但我在表格上看到的大多数内容只是让您在 html 文件中制作表格，而不是使用按钮创建表格。

【问题讨论】：

请添加您的代码
@MurtazaHussain 我还没有任何代码，我只是想弄清楚。
欢迎来到 Stack Overflow！你需要详细解释你的问题。也许添加一些代码或添加问题的图形表示，以帮助用户理解。

标签： javascript html css

【解决方案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;
}

&lt;button type="button"&gt;Create an empty table&lt;/button&gt;

【讨论】：

【解决方案2】：

纯 HTML 无法做到这一点，因为 HTML 只是一种标记语言。

你对 Javascript 有什么了解吗？您可能希望将onclick 处理程序挂钩到按钮。您需要 create a table 的处理程序并将其插入 DOM 中的正确位置。

【讨论】：

这应该是一条评论。