2015-10-18 58 views
1

如果我没有添加函数,我的代码将显示一个表,但是如果我添加一个onclick函数,它只显示没有表的单词。点击按钮后,我如何在表格内同时显示单词?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

上述代码工作之前,对[此](http://www.w3schools.com/jsref/prop_html_innerhtml.asp) –

+0

https://jsfiddle.net/meqa1wdm/ –

回答

1

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

+0

我已经结束看看标签。你能举个例子先生/女士吗?我似乎无法得到它。 – Dannehkown

+0

var table = document.getElementById(“idOfYourTable”);那么当你有与你的表相关的变量表时,你可以附加它的innerHTML,也就是说,每个for循环迭代中的

标签之间的html,如下所示:table.innerHTML + =(“​​” + myArray [i] +“”); + =意味着你追加它,而不是覆盖它。 – Maciej

+0

非常感谢先生/女士。 – Dannehkown