динамика ul il

@EPMAK · Регистрация: 03.09.2009

Author24 — интернет-сервис помощи студентам

HTML5

<style>
ul,il{ list-style-type: none; }
ul { width: 7cm }
ul { border: 1px solid blue; }
ul { background-color: #78a7fa; }
ul { font: bold 20px helvetica,sans-serif; 
      color: moccasin; }
li { width: 5cm }
li { background-color: pink; }
li { border-bottom: 1px solid firebrick; }
li { font: bold 14px helvetica,sans-serif;
     color:#111; }
</style>
<!--  -(UL-синие); (LI-розовые)-->
<div id="babylon"><div>
<script>
function elem(n,e){return (e || document).getElementsByTagName(n);};
function ololo(){
var n = 10, me=0, t=0;
/* создаем 10 UL */
for( var j = 0, le = n; j <= le; j += 1 ){   
  me++;document.getElementById("babylon").innerHTML += "<ul>"+'ul'+' '+me+"</ul>";        
}
/* объект со всеми UL-ами */
var elLen = elem("ul");
 
 
for( var i = 0; i <= n; i++ ){/* создаем все LI( каждый ли - универсален ) */
 for( var o = 0, elL = elLen.length; o <= elL; o++ ){
  
  if( t==2 ){ t = 0; } t++;      
    elLen[i].innerHTML += "<li>" + t + ' - li' + o + "</li>";
 }
}
}
ololo();
</script>

Что не так в скрипте?

LI создаются в цикле.
Общее колл-во LI - 10 штук.
Должно получиться что в первых пяти ul-ах - по 2-li в каждом.
В примере каждый из ul-ов - содержит ВСЕ li, а не по два.

Как правильно делать?

@kalabuni · 27.07.2012, 20:58

innerHTML - очень тормозной метод.
Делать лучше так:

Javascript

(function ()
{
with (document) var obj = getElementById ('babylon'),
                    tUL = createElement ('UL'),
                    tLI = createElement ('LI');
for (var j = 0; j < 5; j++) 
   {
   for (var U = tUL.cloneNode (0), k = 0; k < 2; k++)
      {
      var L = tLI.cloneNode (0), T = document.createTextNode ((j + 1) + '-' + (k + 1));
      L.appendChild (T); U.appendChild (L);
      }
   obj.appendChild (U);
   }
}) ();

@EPMAK · 27.07.2012, 21:15 **[ТС]**

Попробую применить ваш вариант.
Спасибо, kalabuni!

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	27.07.2012, 21:15 [ТС]	3
	Попробую применить ваш вариант. Спасибо, kalabuni! 0

динамика ul il

Решение