JavaScript 动态创建表格内容

小提示：用 JavaScript 自带的 inserRow() 与 insertCell()。

先给一张空的表。在输入框输入用逗号隔开一些数字，比如 “1，2，3”， 点击 Make A New Row 按钮，就会在表格中增加一行。点击 Clear Table 按钮，删除所有的行。

在 HTML 文件中放置四个 HTML 元素，分别是 input, button, button，table， 给每个元素一个 ID，便于在后面引用。

在 <script> ... </script> 中，可以用 document.querySelector() 这中强大的选择器函数去选取元素，也可以直接用元素 ID。 比如，在为两个 button 添加事件时，就是直接用 ID 的。

还有，在修改 Clear Table 按钮的样式时（改成红色按钮、白色字体），也是使用元素 ID 来引用。 见 <style> ... </style> 标签中的内容。

拿到 input 的值， 将其以逗号作为分隔符做成一个数组 L， 将数组的中每个元素依次添加到表的一行中。 如果 input 的长度是 0，则用 alert() 报错。