per JS alle tr rot

[dani_o]

also ich hab folgendes prob:

klick ich auf ein tr der tabelle soll der hintergrund gelb werden (vorher rot) klick ich auf den nächsten, sollen alle tr's wieder rot werden, der angeklickte gelb.

wie kann ich dies realisieren. imo hab ich diesen code:

<script type="text/javascript">
function SetColor(ID){
    var that = document.getElementById(ID);
    var acolor = that.style.backgroundColor;

    if(acolor == ""){
        that.style.backgroundColor = '#ffffcc';
    }
    else if(acolor != ""){
        that.style.backgroundColor = 'red';
    }
}
</script> 

aber wie finde ich nun raus, wieviele tr's vorhanden sind und wie mache ich ALLE wieder rot ?

[PHP-Desaster]

document.getElementsByTagName( 'tr' ) ??

[dani_o]

document.getElementsByTagName("tr").style.backgroundColor = '#FFFFFF';

kommt nur wäre null - aba keine änderung der farbe.

[Kropff]

document.getElementsByTagName("tr") liefert ein array zurück. und das musst du verarbeiten.

gruß
peter

[dani_o]

[ Zensiert (Wutausbruch wegen Nichterkennens) ]

[dani_o]

Für die die s mal brauchen:

<script type="text/javascript">
function SetColor(ID){
    
    var all = document.getElementsByTagName("tr");
    for (var i = 0; i < all.length; i++) {
        all[i].style.backgroundColor = 'red';
    }
    
    var that = document.getElementById(ID);
    var acolor = that.style.backgroundColor;

    if(acolor == ""){
        that.style.backgroundColor = '#ffffcc';
    }
    else if(acolor != ""){
        that.style.backgroundColor = 'red';
    }
}
</script>