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

Я концовку тег. Можете ли вы привести пример sir/maam? Кажется, я не понимаю. – Dannehkown

+0

var table = document.getElementById ("idOfYourTable"); тогда, когда у вас есть таблица переменных, относящаяся к вашей таблице, вы можете добавить ее в innerHTML, то есть html, который находится между

и
тегами в каждой итерации цикла, например: table.innerHTML + = ("" + myArray [i] + ""); + = означает, что вы добавляете его, а не перезаписываете. – Maciej

+0

Большое спасибо, сэр/maam. – Dannehkown