heyho
ich hab folgendes konstrukt in meinem html dokument
mein ziel war es jetzt, die table rows komplett auszublenden, welche mit dem ersten child die testklasse als class gesetzt haben.
mein plan war ja, das komplett über css zu gestalten, nur leider gibts kein childarent selector.
daher wollte ich versuchen das mit js umzusetzen, nur bin ich mit js noch recht ungeschickt.
bisher hatte ich das zusammen gebaut:
allerdings bekomm für für links tr.firstChild.className immer undefined.
sieht da jemand den fehler?
ich hab folgendes konstrukt in meinem html dokument
Code:
<table>
<tr>
<td class="collum01 testklasse"></td>
<td class="collum02"></td>
<td class="collum03"></td>
<td class="collum04"></td>
</tr>
<tr>
<td class="collum01"></td>
<td class="collum02"></td>
<td class="collum03"></td>
<td class="collum04"></td>
</tr>
<tr>
<td class="collum01"></td>
<td class="collum02"></td>
<td class="collum03"></td>
<td class="collum04"></td>
</tr>
<tr>
<td class="collum01 testklasse"></td>
<td class="collum02"></td>
<td class="collum03"></td>
<td class="collum04"></td>
</tr>
</table>
mein ziel war es jetzt, die table rows komplett auszublenden, welche mit dem ersten child die testklasse als class gesetzt haben.
mein plan war ja, das komplett über css zu gestalten, nur leider gibts kein childarent selector.
daher wollte ich versuchen das mit js umzusetzen, nur bin ich mit js noch recht ungeschickt.
bisher hatte ich das zusammen gebaut:
Code:
var tr = document.getElementsByTagName("tr");
var re = new RegExp('\\b' + "testklasse" + '\\b');
for (var i = 0; i < tr.length; i++) {
if(re.test(tr[i].firstChild.className)) tr[i].style.visibility = "collapse";
}
allerdings bekomm für für links tr.firstChild.className immer undefined.
sieht da jemand den fehler?