Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   генерация списка циклом (https://javascript.ru/forum/dom-window/61249-generaciya-spiska-ciklom.html)

innowed 10.02.2016 12:05

генерация списка циклом
 
Здравствуйте! Подскажите, как генерировать элементы циклом. Можно на примере списков. Я вот так пытался
function addRow (a) {
	while(a!=0){
		document.getElementById('plitka').appendChild(createElement('ul'));
		alert('ololo');
		a--;
	}
}


Тут даже до li не добрался

рони 10.02.2016 12:11

innowed,
что хотите сгенерировать, html?

innowed 10.02.2016 12:12

Цитата:

Сообщение от рони (Сообщение 407109)
innowed,
что хотите сгенерировать, html?

да

Lemme 10.02.2016 12:17

<ul></ul>

<script>
var items = ['foo', 'bar', 'baz'];

var ul = document.querySelector('ul');
items.forEach(function(item) {
	var li = document.createElement('li');
	li.innerHTML = item;
	ul.appendChild(li);
});
</script>

innowed 10.02.2016 12:35

вот собрал по примеру, подскажите, где тут ошибка, пожалуйста
<div id="xz"></div>

function addRow (a) {
	
var ul = document.getElementById('xz');
	while(a!=0){
		var newli=document.createElement('li');
		li.innerHTML="ololo';
		ul.appendChild(newli);
		a--;
	}
}

destus 10.02.2016 12:50

Цитата:

Сообщение от innowed (Сообщение 407113)
вот собрал по примеру, подскажите, где тут ошибка, пожалуйста
<div id="xz"></div>

function addRow (a) {
	
var ul = document.getElementById('xz');
	while(a!=0){
		var newli=document.createElement('li');
		li.innerHTML="ololo';
		ul.appendChild(newli);
		a--;
	}
}

не
li.innerHTML="ololo';
, а
newli.innerHTML=
и определитесь с кавычками...

рони 10.02.2016 12:50

innowed,
строка 6 нет у вас никакого li есть newli

Dilettante_Pro 10.02.2016 12:54

innowed,
в строке 6 две ошибки

PS: Плохо, что нет динамического обновления, получается: зашел, глянул - нет ответов. Написал, отправил - ответов уже пачка.

destus 10.02.2016 13:02

Цитата:

Сообщение от Dilettante_Pro (Сообщение 407118)
innowed,
PS: Плохо, что нет динамического обновления, получается: зашел, глянул - нет ответов. Написал, отправил - ответов уже пачка.

плюсанул :lol:

innowed 10.02.2016 13:05

хо хо хо

<button class="" onClick="test(3,3);">Добавить</button
<script>
function test(a,b){
	var tab = document.createElement("div");
	for (var i=0; i<a; i++)  {
		var ul =  document.createElement("ul");
		tab.appendChild(ul);
		for (var k=0; k<b; k++)  {
			var li =  document.createElement("li");
			ul.appendChild(li);
		}	
	}
	document.body.appendChild(tab);
}
</script>


Часовой пояс GMT +3, время: 17:08.