2015-10-18 55 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