ChildNodes auswählen und CSS ändern

[Mathias Brodala]

Hallo Christian.

Ich möchte eine Tabelle mit einem Script absuchen lassen, das automatisch alle <td>s überprüft, und wenn eine bestimmte class gesetzt ist, diese durch eine andere ersetzt.

Empfehlung hierbei: nutze die rows- und cells-HTMLCollections.

var Knoten = document.getElementById("Tabelle").firstChild;

while (Knoten != null) {
    document.write("Einen Knoten mit dem Namen <b>" + Knoten.nodeName + "</b><br>");
    document.write("... mit dem Typ <b>" + Knoten.nodeType + "</b><br>");
    document.write("... mit dem Value <b>" + Knoten.nodeValue + "</b><br>");
    Knoten = Knoten.nextSibling;
  }

>   
> ergab, dass leider irgendwie nicht die Kinder der <tr> und <td> ausgewertet werden, also nur die DIREKTEN Kinder.  
  
Logisch, du willst ja laut deinem Code auch nur alle Knoten, die auf der ersten Hierarchieebene im Tabellenelement enthalten sind.  
  

> Und wieso wird eigentlich bei folgender Struktur:  
>   
> ~~~html

<div>  

> <div> ..... </div>  
> <div> ..... </div>  
> </div>

bei obiger Abfrage folgendes ausgegeben:

Knoten mit dem Namen: #text

Zeilenumbruch …

Knoten mit dem Namen: #DIV

<div/> …

Knoten mit dem Namen: #text

Zeilenumbruch …

Knoten mit dem Namen: #DIV

<div/> …

Knoten mit dem Namen: #text

Zeilenumbruch …

Einen schönen Mittwoch noch.

Gruß, Mathias