Table-rows per JavaScript und display-flag anzeigen/ausblenden

Wolframheinz

Grünschnabel
Hallo zusammen,
vielleicht kann jemand helfen. Ich habe folgendes Problem: Ich versuche mit dem JavaScript-Code:
Code:
function f ()
{
....
      document.getElementById('Zeilexy').style.display='none';
      document.getElementById('Zeilez').style.display='block';
}
zwei Tabellenzeilen wechselweise ein- und auszublenden - und zwar indem ich html-mäßig folgenden Code verwende:
Code:
[...]
      </tr>
<div id="Zeile1">
      <tr>
        <td> bla bla </td>
      </tr>
</div>
<tr>
Der Code ist also in jedem Fall (ein- oder ausgeblendet) konsistent, aber das Problem scheint darin begründet zu liegen, daß *innerhalb* von HTML-Elementen eine solche Verwendung von div-Tags wohl nicht erlaubt ist. Kann mir jemand helfen ?
P.S: Wenn ich das div-Tag außerhalb von <table> und </table> setze, funktioniert es wunderbar - hilft mir aber nicht weiter!
Vielen Dank !
 
Versuch`s mal so:
Code:
<table>
  <tr id="Zeile1">
    <td>foo</td>
    <td>bar</td>
  </tr>
  <tr id="Zeile2">
    <td>foo</td>
    <td>bar</td>
  </tr>
  <!-- usw -->
</table>
 

Neue Beiträge

Zurück