Tabela, wiersz po wierszu - innerHTML Opcje

[Malinaa]

Witam,

mam taką pętle:

[js]
for(i=0;i<response.result.length;i++) {
var div = document.createElement('div');
div.style.display = 'block';

div.innerHTML = '<table width="100%" cellspacing="1" cellpadding="0" border="0"><tr><td align="left" valign="middle" width="20">'+response.result[i].message+'</td></tr></table>';

document.getElementById('sb_Log').appendChild(div);
}
[/js]

a chciałbym mieć tak:

[js]
var div = document.createElement('div');
div.style.display = 'block';

div.innerHTML = '<table width="100%" cellspacing="1" cellpadding="0" border="0">'; // Not ok

for(i=0;i<response.result.length;i++) {
div.innerHTML = '<tr><td align="left" valign="middle" width="20">'+response.result[i].message+'</td></tr>';

document.getElementById('sb_Log').appendChild(div); // Co z tym ? ? ?
}

div.innerHTML = '</table>'; // Not ok
[/js]

Jak to zrobić, aby działało prawidłowo, tworzyło div.innerHTML krok po kroku, wiersz za wierszem, a nie jak jest teraz całe tabele?

Ten post edytował Malinaa 1.09.2010, 10:02:32

[kamil4u]

Powinno działać - zobacz co masz w firebug-u i w którym miejscu nie działa skrypt. IMO Powinieneś mieć poprawną formę/strukturę HTML i to by rozwiązało wszelkie problemy:

Kod

<ul id="southbox">
   <li>
      <div>
         <cite>Autor</cite>
         <span>Data</span>
      </div>
      <blockquote>
         <p>Treść wiadomości</p>
      </blockquote>
   </li>
</ul>

, a wszystkie elementy tworzyć za pomoc odpowiednich metod do tworzeni DOM: document.createElement, element.setAttribute, element.appendChild, element.createTextNode
Miałem kiedyś w 'miarę podobny' problem: http://forum.webhelp.pl/viewtopic.php?t=20...p;view=previous