Генерация кода циклом
Здравствуйте.
Помогите пожалуйста генерировать html-код циклом. Нет достаточного опыта работы с javascript, хотя я могу вывести один цикл, но трудность начинается когда нужно выполнить цикл в цикле. К примеру у меня есть: var x = 8; var y = 6; var z = 2; Сгенерировать нужно трехколоночную таблицу, в которой: 8 - это количество строк, 6 - это количество ссылок во втором столбце помещенных в контейнер div, 2 - это количество абзацев во втором столбце идущих после ссылок. Пример кода который нужно получить: <table> <tr> <td></td> <td> <div> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> </div> <p></p> <p></p> </td> <td></td> </tr> <!-- tr повторяется 7 раз --> </table> Прошу помочь. |
spo,
:-/ var tab = document.createElement("table"); for (var i=0; i<7; i++) { var tr = document.createElement("tr"); tab.appendChild(tr); for (var k=0; k<3; k++) { var td = document.createElement("td"); tr.appendChild(td); if (k==1) { var div = document.createElement("div"); td.appendChild(div) for (var j=0; j<6; j++){ var a = document.createElement("a"); a.href=""; div.appendChild(a); } for (var j=0; j<2; j++){ var p = document.createElement("p"); td.appendChild(p); } } } } document.body.appendChild(tab) |
Спасибо, уже справился самостоятельно )
|
Часовой пояс GMT +3, время: 14:25. |