[innowed]

генерация списка циклом

<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, но как написать это в коде - никак не соображу