javascript - 根据内容更改元素的颜色

Question

我使用 WordPress 创建我的网页，并使用了一个名为 Weekly Class Schedule 的插件。它创建了一个时间表，从技术上讲，它被制作成一张 table 。该插件的局限性在于在有条目的情况下，表格单元格只能有一种颜色。

现在，当我知道例如 td 元素的内容是常量文本时，如何使用 JavaScript 更改背景颜色？

一个 TD 元素的类名示例是 wcs3-cell wcs3-hour-row-10-00 wcs3-day-col-1 wcs3-abs-col-0 但显然它是动态的创建所以我不能真正依赖确切的名称。

我假设 wcs3-cell 将是基本类名，但下面的代码不起作用:

function f_color() {
    if (document.getElementByClassName('wcs3-cell').value = 'boks') {
        document.getElementByClassName('wcs3-cell').style.background-color = "yellow";
    }
}

f_color();

请问如何解决这个问题？另外，我是否应该使用 yellow !important 作为新的 CSS 值以确保使用新代码？

Answer 1

在 if 条件语句中使用 == 而不是 =

您犯的其他错误是在 if 语句中它是 backgroundColor 而不是 background-color。请更正并检查

 if (document.getElementByClassName('wcs3-cell').value == 'boks') {

  document.getElementByClassName('wcs3-cell').style.backgroundColor = "yellow";

 }