Як то краще генерувати HTML код ? В мене поки що дві ідеї:
1) Створити сам код, помістити його в рядок, а потім за допомогою функції заміни заміняти ті поля які мені потрібно
<table border="1">
<tr>
<td class="col1" rowspan="3">[field1]</td>
<td class="col2">[field2]</td>
<td rowspan="3">[field5]</td>
</tr>
<tr>
<td class="col2">[field3]</td>
</tr>
<tr>
<td class="col2">[field4]</td>
</tr>
</table>
............
str.replace("[field1]", "text1");
...
str.replace("[field5]", "text5");
2) Друга ідея мені більше до-вподоби, але мін кажеться (а точніше так є) я не знаю як праильно програмувати за допомогою JS
var row = 3;
var col = 3;
window.onload = function()
{
var concert_table = document.createElement("table");
var table_tr;
var table_td;
for(var i = 0; i < row; i++)
{
table_tr = document.createElement("tr");
for(var j = 0; j < col; j++)
{
table_td = document.createElement("td");
table_tr.appendChild(table_td);
table_td.setAttribute('rowspan', 3);
table_tr.setAttribute('colspan', 3);
}
concert_table.appendChild(table_tr);
}
document.body.appendChild(concert_table);
};
я не знаю як правильно зробити так щоб додати атрибути в потрібні мені поля (є там ідея зробити розгалуження якщо i=='n' то писати атрибут), також я не знаю як потім звернутися до потрібних мені полів (бо я ж їх переприсвоюю в циклі), можливо їх занести в масив.
Можете мені сказати ідею як це правильно зробити чи написати код щоб створював таку таблицю як зверху (1 - 13 рядок)
