2016-11-18 1 views
2

Der Versuch, die Farbe des Textes mit Javascript zu ändern - hier ist das, was ich habeWarum verändert mein Text nicht die Farbe? (Javascript)

<input name="text" value="black" id="black" type="radio" onclick="changetextcolor(this);">"Black" 
<input name="text" value="purple" id="purple" type="radio" onclick="changetextcolor(this);">"Purple" 
<input name="text" value="lightpink" id="lightpink" type="radio" onclick="changetextcolor(this);">"Light Pink" 
function changetextcolor(element){ 
    document.body.style.Color = element.value; 
}; 

hier ist die Web-Seite arbeite ich auf http://www.acsu.buffalo.edu/~mariaroo/validation.html

+0

Tipps für die Zukunft - lernen zu verwenden [ 'addEventListener'] (https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener) statt' Onclick = "einigeFunktion" ' –

Antwort

1

Du wechselst die falsche Eigenschaft in dein Code. Es sollte document.body.style.color sein (beachten Sie alle Kleinbuchstaben color).

1

Sie haben etwas vermischt. Sie können keine .text-Eigenschaft zum Formatieren der Farbe Ihres Textes verwenden.

Versuchen Sie stattdessen .color. Das sollte funktionieren.

function changetextcolor(element){ 
    document.body.style.color = element.value; 
}; 
2

Sie haben color Immobilien in Klein setzen und nicht mit Großbuchstaben.

color und nicht Color.

Verwandte Themen