Onclick功能不显示表格

时间:2015-10-18 09:10:12

标签: javascript

如果我没有添加函数,我的代码将显示一个表,但如果我添加一个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>");
}
}

1 个答案:

答案 0 :(得分:1)

它是因为document.write()在写入之前清除了您的文档。此外,您忘记了结尾</table>标记。如果你想要遵循你的方法,你应该添加到表的innerHTML而不是写入文档(并在html中关闭表标记)。