Tablo/Tablo Düzeni - ardından, kodlanmış HTML veya JavaScript manipülasyonu oluşturmak için daha etkili bir yöntemdir JavaScript

Question

tarafından oluşturulan karşı kodlanmış HTML: ile,

önceden tanımlanmış ızgara, satır ve sütun, yani sabit sayıda yatılılar ve stilleri ve olay işleyicileri. HTML ile yazılmış çok sayıda div s olması daha iyidir.

<div class='tl' id='c00' style='top:0px; left:0px;'>A</div> 
<div class='tl' id='c01' style='top:0px; left:20px;'>A</div> 
<div class='tl r' id='c02' style='top:0px; left:40px;'>A</div> 

Ya div s oluşturmak için Javascript kullanın. zamanı

d1 = "<div class='" 
d2 = "' id='" 
d3 = "' style='" 
d4 = "'>" 
d5 = "</div>" 
sHTML = "" 
for (j = 1; j < 5; ++j) 
    for (i = 1; i < 5; ++i) 
    { 
     sClass = "t l "; 

     if ((i+1 % 3) = 0) 
      sClass = sClass + "r "; 

     if ((j+1 % 3) = 0) 
      sClass = sClass + "b "; 

     sLine = d1 + sClass; 
     sLine = sLine + d2 + "c" + n; 
     sLine = sLine + d3 + "top:" + (i*20) + "px; left:" + (i*20) + "px;"; 
     sLine = sLine + d4 + "A"; 
     sLine = sLine + d5; 
     document.writeln(sLine); 
    } 

HTML bir sorun değildir oluşturmak için gereken, ancak bir mobil cihazda yerel ve muhtemelen koştu olacak şekilde sayfaları performansı daha önemli.

Yardımlarınız için teşekkürler.

Answer 1

Sabit kodlama daha hızlı olacaktır. Tarayıcı html'yi her iki şekilde ayrıştırmak zorundadır. Javascript kullanarak yaptığınız her şey çok kafa karıştırıcı ve ek yük getiriyor.

Answer 2

Ayrıca, JavaScript'i kullanmak yerine işaretlemeyi yazdığınızda da bakım çok daha kolay olacaktır.

Eğer idi en azından ben önemli biçimlendirmesi kullanarak ve her gerekliliği div'leri kullanılmasını önermeyiz HTML DOM

Answer 3

aracılığıyla kullanarak bunu ... JS yapacak edin. Sizin durumda bir ul listesi yeterli