генерация списка циклом
Здравствуйте! Подскажите, как генерировать элементы циклом. Можно на примере списков. Я вот так пытался
function addRow (a) { while(a!=0){ document.getElementById('plitka').appendChild(createElement('ul')); alert('ololo'); a--; } } Тут даже до li не добрался |
innowed,
что хотите сгенерировать, html? |
Цитата:
|
<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> |
вот собрал по примеру, подскажите, где тут ошибка, пожалуйста
<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=и определитесь с кавычками... |
innowed,
строка 6 нет у вас никакого li есть newli |
innowed,
в строке 6 две ошибки PS: Плохо, что нет динамического обновления, получается: зашел, глянул - нет ответов. Написал, отправил - ответов уже пачка. |
Цитата:
|
хо хо хо
<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> |
а если у нас есть уже подобная таблица, но мы не знаем количество строк и ячеек, то как реализовать, например, добавление колонки?
|
Цитата:
Добавлять строки - так же, как и создавать: Нашел ul, создал li, добавил к родителю. |
innowed,
Ежели же вы имеете в виду все-таки таблицу, которая уже присутствует на странице, то, например <! DOCTYPE html> <html> <head> </head> <body > <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> </table> <script> var tab = document.querySelector("table"); var row = tab.querySelector("tr"); var td = document.createElement("td"); td.innerText = "11"; row.appendChild(td); </script> </body> </html> |
Часовой пояс GMT +3, время: 09:26. |