2017-08-10 36 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/ –