javascript - Onclick函数不显示表格

Question

如果我没有添加函数，我的代码将显示一个表格，但如果我添加 onclick 函数，它只显示没有表格的单词。如何在单击按钮后同时显示表格内的单词？

这是我的代码...

<button onclick="add()">Add</button>
<table border="1">

<script language="javascript" type="text/javascript">



var myArray    = new Array();
myArray[0] = "IS001";
myArray[1] = "BUSINESS PROCESS CHANGE";
myArray[2] = "1:00PM";
myArray[3] = "4:00PM";
myArray[4] = "REIN";

function add(){
for (var i=0; i<5; i++) {
document.write("<td>" + myArray[i] + "</td>");
}
}

Answer 1

这是因为 document.write() 在写入之前会清除您的文档。另外，你忘了你的结局</table>标签。如果您想遵循您的方法，您可能应该添加到表格的innerHTML，而不是写入文档(并关闭html中的表格标签)。