JavaScript Function Beispiel 2: Funktionen mit Rückgabewert

Im nächsten Beispiel wird eine Funktion mit dem Namen getTextColor definiert, die keine Parameter erwartet und einen Rückgabewert liefert. Die Funktion liefert dabei den aktuell eingestellten Wert für die Textfarbe des HTML-Elements testfeld, welches im HTML-Teil des Beispiels unten eingebaut ist. Alle zu setzenden Textfarben werden mit Hilfe eines JavaScript Arrays gespeichert. In der weiter unten notierten For-Schleife werden alle Farben einmal gesetzt. Mit Aufruf der Methode document.write() wird die gesetzte Textfarbe durch Aufruf der Funktion getTextColor ausgegeben. Zur weiteren Erklärung siehe auch die Beschreibung der Methode getElementById().

<span id="testfeld">Inhalt des Testfeldes</span><br>
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Funktion mit Rückgabewert
// Die Funktion liefert den Farbwert der per Style eingestellten
// Schriftfarbe des HTML-Elements mit der übergebenen ID.
// Das reservierte Wort return sorgt dafür, dass das Ergebnis des
// darauf folgenden Ausdrucks zurückgeliefert wird.
function getTextColor () {
  return document.getElementById ('testfeld').style.color;
}

// Array mit für das Element zu setzenden Textfarben definieren
colors = new Array ('black', 'blue', 'red', 'green');
// Jede Farbe soll einmal gesetzt werden
for (i = 0; i < colors.length; i++) {
  // i-te Farbe in der Liste setzen
  document.getElementById ('testfeld').style.color = colors[i];
  // Ausgabe der aktuellen Textfarbe des Elements durch Aufruf
  // der zuvor definierten Funktion getTextColor
  document.write ('Textfarbe des HTML-Elements: ' + getTextColor () + '<br>');
}
// -->
</script>

Inhalt des Testfeldes



¬ Insolvenzrecht