JavaScript Inhalt einer Tabellenspalte ändern

mc-beam

Well-known member
ID: 395732
L
19 April 2010
114
11
Hallo,

Entschuldigt bitte die Noob-Frage. Ich lerne gerade Javascript und habe ein kleines Problem:

Ich habe mehrere Tabellen, davon hat eine Folgende Spalte:
HTML:
<td class="test"> 
Hallo
</td>

Ich hätte gerne, dass der Text "Hallo" durch "Tschüss" oder was auch immer ersetzt wird. Ich habe leider keine ID, sonst würde ich es ja mit GetElementsbyId machen...
 
Dann kannst ja eine ID setzen. Ansonsten musst du dich über den DOM-Tree hangeln. Erst die passende Tabelle suchen (ID oder Nummer) und dann zur Zelle finden. Du kannst auch die Klasse der Zelle verwenden, um sie zu finden.

Evtl. guckst du dir mal Frameworks wie jQuery an, damit kannst du solche Sachen viel einfacher machen.
 
ID kann ich leider nicht setzen, da es ein Greasemonkey Script is...Dann werd ich mir das wohl durchlesen...Danke!
 
Das hier sollte eigentlich funktionieren:

PHP:
var elements = document.getElementsByTagName('*');
for (var i = 0; i < elements.length; i++) {
  var thisElem = elements[i];
  if (thisElem.className && thisElem.className == 'test') {
    // Dein Code
  }
}

Evtl. gibt es bessere Lösungen als alle Elemente durchzugehen, das ist mir nur gerade so eingefallen.
 
Bei einem Greasemonkey-Script kann man doch bestimmt document.querySelectorAll() voraussetzen, oder? Ansonsten document.getElementsByClassName().