2017-08-10 3 views
0

Hier ist der Code bekommen ich von unten CodeWie die Schriftfarbe CSS-Eigenschaft von Javascript

let now = new Date().getHours() * 100 + new Date().getMinutes(); 
let times = [1015, 1100, 1145, 1230, 1315, 1700, 1750, 1800]; 
let ids = ['r1', 'r3', 'r5', 'r7', 'r9', 'r11', 'r13']; 
let selected = ids[times.reduce((acc, curr, idx) => now >= curr ? idx : acc)]; 
if (selected) 
    document.getElementById(selected).parentElement.style.backgroundImage = "url('images/g.gif')"; 

Wie kann ich sogar die Schriftart ändern Farbe des gleichen div das Hintergrundbild ausgewählt div erhalten bin mit Welches ist ausgewählt? Ich habe versucht, mit dieser

if (selected) 
    document.getElementById(selected).parentElement.style.backgroundImage = "url('images/g.gif')"; 
document.getElementById(selected).parentElement.style.color = 'red'; 

aber wie ich erwartet hatte, hat es nicht geklappt.

Hier ist die Geige https://jsfiddle.net/BlueYeti/yy2nLpg2/3/

Jede Hilfe wird sehr geschätzt.

+0

Ihr Code sollte funktionieren, solange 'selected' eine gültige Ausgabe liefert und ein Element im DOM findet. Können Sie die Frage so bearbeiten, dass sie ein funktionierendes Snippet enthält? Obwohl Ihre Frage besagt, dass Sie * die * Farbe erhalten wollen, scheinen Sie dennoch * Einstellung * es –

+0

Getting oder Einstellung? Du sagst, aber du stellst die Farbe ein. –

+0

Nun, es ging eigentlich um Einstellung. Hier ist die Geige, könntest du es bitte überprüfen. https://jsfiddle.net/BlueYeti/yy2nLpg2/3/ –

Antwort

1

Versuchen Sie, mit jquery etwas wie.

To colour and font-size :- 

$('#id option:selected').css({ 'color': 'red', 'font-size': '100%' }); 

To background image:- 

var imageUrl = "images/g.gif"; 
$('#id option:selected').css('background-image', 'url(' + imageUrl + ')'); 
+0

Nun, es ist etwas kompliziert, da ich verschiedene ID als r11, r12 und so weiter haben. Ich habe keine Ahnung, wo ich das alles hinstellen soll. Hier ist die Geige, könntest du bitte nachsehen. https://jsfiddle.net/BlueYeti/yy2nLpg2/3/ –

Verwandte Themen