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

时间:2019-06-13 13:03:23

标签: javascript html css

我希望能够使用public TaskList: any[] = []; 按钮在页面上创建空表,但是不知道该怎么做。

我尝试查找一些东西,但是我在表上看到的大多数东西只是让您在html文件中创建一个表,而不是使用按钮创建一个表。

2 个答案:

答案 0 :(得分:0)

因此,这就是创建空的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>

答案 1 :(得分:-3)

纯HTML不能做到这一点,因为HTML只是一种标记语言。

您是否了解Javascript?您可能需要将onclick处理程序挂接到按钮上。您需要create a table处理程序并将其插入DOM中的正确位置。

相关问题