2017-08-10 33 views
0

這裏字體顏色CSS屬性是我使用的是從下面的代碼如何從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')"; 

獲得選擇div的背景圖片我怎麼能更改同一格的字體顏色代碼哪個被選中?我試過使用這個

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

但正如我所預料的那樣,它沒有成功。

這裏是小提琴 https://jsfiddle.net/BlueYeti/yy2nLpg2/3/

任何幫助將非常感激。

+0

只要'selected'提供有效的輸出並在DOM中查找元素,您的代碼應該可以工作。你能編輯這個問題來包含一個工作片段嗎?雖然注意你的問題表明你想*獲取*顏色,但你似乎是*設置它 –

+0

獲取或設置?你說得到但你正在設定顏色。 –

+0

這實際上是關於設置。這是小提琴,請你檢查一下。 https://jsfiddle.net/BlueYeti/yy2nLpg2/3/ –

回答

1

嘗試使用類似jquery的東西。

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

好吧,它有點複雜,因爲我有不同的ID作爲R11,R12等。所以不知道該把這些放在哪裏。這是小提琴可以請你檢查一下。 https://jsfiddle.net/BlueYeti/yy2nLpg2/3/ –