Objektreferenzierung Tabellenzelle
Hallo Leute,
ich bin blutiger Anfänger in JS und stehe vor einem unlösbaren Problem.
Ich habe in html eine Tabelle:
Jetzt möchte ich mit JavaScript die Klasse des Objects auslesen bzw anpassen. Der Ansatz sieht so aus:
Leider kommt dabei immer "undefined" raus. Egal was ich mache...
Kann mir jemand auf die Sprünge helfen??
ich bin blutiger Anfänger in JS und stehe vor einem unlösbaren Problem.
Ich habe in html eine Tabelle:
<html>
<table>
<tr>
<td name="test1" class="hidden">versteckt</td>
<td name="test2" class="nothidden">nicht versteckt</td>
</tr>
</table>
</html>
Jetzt möchte ich mit JavaScript die Klasse des Objects auslesen bzw anpassen. Der Ansatz sieht so aus:
alert(window.document.getElementsByName("test1").class);
Leider kommt dabei immer "undefined" raus. Egal was ich mache...
Kann mir jemand auf die Sprünge helfen??
Please also mark the comments that contributed to the solution of the article
Content-Key: 188317
Url: https://administrator.de/contentid/188317
Printed on: April 25, 2024 at 00:04 o'clock
4 Comments
Latest comment
Ich bin nicht sicher, ob ich die Frage richtig verstehe.
Möglichkeit 1)
Verwendung von eindeutigen id-Tags. Etwa so:
Möglichkeit 2)
Wenn weiterhin mit der getElementsByName()-Methode gearbeitet werden soll, dann wird ein Loop fällig. Etwa so:
Möglichkeit 1)
Verwendung von eindeutigen id-Tags. Etwa so:
<html>
<table>
<tr>
<td id="tbl1row01col01" name="test1" class="hidden">versteckt</td>
<td id="tbl1row01col02" name="test2" class="nothidden">nicht versteckt</td>
</tr>
</table>
<table>
<tr>
<td id="tbl2row01col01" name="test1" class="hidden">versteckt</td>
<td id="tbl2row01col02" name="test2" class="nothidden">nicht versteckt</td>
</tr>
</table>
</html>
alert(window.document.getElementById("tbl2row01col02").className);
Möglichkeit 2)
Wenn weiterhin mit der getElementsByName()-Methode gearbeitet werden soll, dann wird ein Loop fällig. Etwa so:
try {
var arrElements = window.document.getElementsByName("test1");
for (var i=0; i < arrElements.length; i++) {
alert(i+': className=\''+arrElements[i].className+'\'; id=\''+arrElements[i].id+'\'');
}
} catch(e) {
var sErrMsg = e.message || 0; alert('Error: \n\n'+e+'\n'+sErrMsg);
}