Javascript /CSS Zellenhintergrund nach Inhalt verändern

[Gunnar Bittersmann]

@@pixwiz:

nuqneH

if (mp - ip < 0) {
        document.getElementsByClassName('fd').style.backgroundColor = 'red';
    }
    else if (ip - mp < 0) {
        document.getElementsByClassName('fd').style.backgroundColor = 'green';
    }
else {
document.getElementsByClassName('fd').style.backgroundColor = 'blue';
}

Das sollte man nicht tun. Darstellungsangaben sollten nicht in der Programmlogik stehen.

Besser: dynamisch Klassen zuweisen, die in deinem Fall "isNegative", "isPositive", "isZero" heißen könnten.

Im Stylesheet steht dann:

.isNegative { background-color: red   }  
.isPositive { background-color: green }  
.isZero     { background-color: blue  }

Bei späteren Änderungswünschen muss dann nicht die Programmlogik angefasst werden, sondern nur das Stylesheet.

Qapla'