Создание таблицы стирает все остальное на странице
function addTable() { //созданиe таблицы
var k = 0, s = 10, p = 65;
//var str = document.getElementById('str').value;
//var stlb = document.getElementById('stlb').value;
var str = 2;
var stlb = 3;
document.write ('<table width="50%" border="2">');
for (i=0; i<=str; i++) {
document.writeln("<tr>");
for (j=0; j<=stlb; j++) {
if(i === 0 && j === 0){
document.write("<td width= 20%>" + 'FSM' + "<\/td>");
}
else if(i===0 && j>0){
document.write("<td>" + j + "<\/td>");
}
else if(j===0 && i>0){
document.write("<td width= 20%>" + String.fromCharCode(p) + "<\/td>");
p++;
}
else {
document.write("<td>" + "<input style = width:20px id = " + k + "></input>" + "\/" + "<input style = width:20px id=" + s + "></input>" + "<\/td>");
k++;
s++;
}
}
document.writeln("<\/tr>");
}
document.write ("<\/table> ");
}
Вызывая данную функцию по нажатию кнопки у меня стирается все остальное со страницы и выводится одна лишь таблица. Как можно решить данную проблему?
При этом если я вызываю эту функцию просто в теге скрипта в html-файле, то никаких проблем дальнейшая работа не вызывает. Но мне необходимо именно по кнопке это сделать, для динамического создания этой таблицы. Пытался не использовать метод write, так как предположил что в нем ошибка, но через innerHTML и appendChild вообще ничего не работает. :) |