|
10.02.2016, 12:05
|
Аспирант
|
|
Регистрация: 27.03.2015
Сообщений: 78
|
|
генерация списка циклом
Здравствуйте! Подскажите, как генерировать элементы циклом. Можно на примере списков. Я вот так пытался
function addRow (a) {
while(a!=0){
document.getElementById('plitka').appendChild(createElement('ul'));
alert('ololo');
a--;
}
}
Тут даже до li не добрался
|
|
10.02.2016, 12:11
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
innowed,
что хотите сгенерировать, html?
|
|
10.02.2016, 12:12
|
Аспирант
|
|
Регистрация: 27.03.2015
Сообщений: 78
|
|
Сообщение от рони
|
innowed,
что хотите сгенерировать, html?
|
да
|
|
10.02.2016, 12:17
|
|
Профессор
|
|
Регистрация: 15.07.2015
Сообщений: 511
|
|
<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>
|
|
10.02.2016, 12:35
|
Аспирант
|
|
Регистрация: 27.03.2015
Сообщений: 78
|
|
вот собрал по примеру, подскажите, где тут ошибка, пожалуйста
<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--;
}
}
|
|
10.02.2016, 12:50
|
|
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
Сообщение от innowed
|
вот собрал по примеру, подскажите, где тут ошибка, пожалуйста
<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
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
innowed,
строка 6 нет у вас никакого li есть newli
|
|
10.02.2016, 12:54
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
innowed,
в строке 6 две ошибки
PS: Плохо, что нет динамического обновления, получается: зашел, глянул - нет ответов. Написал, отправил - ответов уже пачка.
Последний раз редактировалось Dilettante_Pro, 10.02.2016 в 12:58.
|
|
10.02.2016, 13:02
|
|
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
Сообщение от Dilettante_Pro
|
innowed,
PS: Плохо, что нет динамического обновления, получается: зашел, глянул - нет ответов. Написал, отправил - ответов уже пачка.
|
плюсанул
|
|
10.02.2016, 13:05
|
Аспирант
|
|
Регистрация: 27.03.2015
Сообщений: 78
|
|
хо хо хо
<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>
|
|
|
|