如何从javascript获取字体颜色css属性

下面是我用来从下面代码中获取所选div的背景图像的代码

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';

但正如我预料的那样，它没有成功

这是小提琴

---

任何帮助都将不胜感激。

尝试使用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 + ')');

---

只要

selected

提供有效的输出并在DOM中找到元素，您的代码就应该可以工作。你能把这个问题编辑成一个工作片段吗？虽然你的问题表明你想得到颜色，但你似乎是在设置它？你说得到，但是你在设置颜色。实际上是关于设置。这是小提琴，请你检查一下好吗。这有点复杂，因为我有不同的id，比如r11，r12等等。所以我不知道把这些放在哪里。这是小提琴，请你检查一下。