Objektreferenzierung Tabellenzelle

Hallo Leute,

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??

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 188317

Url: https://administrator.de/forum/objektreferenzierung-tabellenzelle-188317.html

Ausgedruckt am: 06.04.2025 um 23:04 Uhr

4 Kommentare

Neuester Kommentar

alert(window.document.getElementsByName("test1").className);

Super, läuft

Noch eine Frage...
Ich kann ja mehreren Objekten den gleichen Namen geben. Wie mach ich es nun, dass alle Objekte mit der Funktion angesprochen werden?

Ich bin nicht sicher, ob ich die Frage richtig verstehe.

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);
}