генерация списка циклом
<div id="wrap">
<ul>
<li></li>
<li></li>
</ul>
</div>
<button class="button" onClick="addData()">Добавить</button>
function addData(){ //добавление столбцов
var ulCount=document.getElementById('wrap').getElementsByTagName('ul').length; //количество ul (столбцов)
var liCount=document.getElementById('wrap').getElementsByTagName('li').length/ulCount; //количество ячеек в одном столбце (ужас)
document.getElementById('wrap');
for (var i=0; i<1; i++) {
var ul = document.createElement("ul");
wrap.appendChild(ul);
for (var k=0; k<liCount; k++) {
var li = document.createElement("li");
ul.appendChild(li);
}
}
wrap.appendChild(ul);
}
Добавлять столбцы у меня получается, а со строками не вышло
function addRows() {
var ulCount=document.getElementById('wrap').getElementsByTagName('ul').length; //количество ul (столбцов)
var liCount=document.getElementById('wrap').getElementsByTagName('li').length/ulCount;
document.getElementById('wrap');
for (var i=0; i<ulCount; i++) {
var ul = document.createElement("ul");
wrap.appendChild(ul);
for (var k=0; k<1; k++) {
var li = document.createElement("li");
ul.appendChild(li);
}
}
wrap.appendChild(ul);
}
я понимаю, что проблема в том, что в 7 строке происходит присоединение ul ко wrap, в то время как я должен присоединить каждый следующий новый li к каждому следующему существующему ul, но как написать это в коде - никак не соображу