javascript - if 函数 javascript 中只有 backgroundColor 样式不起作用

标签 javascript html if-statement dom

for (e = 0; e < occs.length; e++) {
  if (occs[e][0] == year && occs[e][1] == mon && occs[e][2] == dt) {
    cls.style.backgroundColor = "rgba(100,240,100, 1)";
    cls.innerHTML += "<b>*</b>";
  } else {
    cls.style.backgroundColor = "rgba(255,255,255, 1)";
  };
};

一切运行良好,但是当我使用代码删除其他部分中的样式时,它不起作用

最佳答案

您需要通过更新代码检查 cls 是否未定义,如下所示。

我已经对您的代码集背景进行了很好的示例。

for(e=0;e<occs.length;e++){
        if(occs[e][0] == year && occs[e][1]==mon && occs[e][2]==dt){
        if(cls == null || cls == undefined){
           alert("not found cls");
        }
        cls.style.backgroundColor = "rgba(100,240,100, 1)" ;
        cls.innerHTML += "<b>*</b>" ;
    }else{
        cls.style.backgroundColor = "rgba(255,255,255, 1)" ;
    }; 
};

let cls = document.getElementById("test");
cls.style.backgroundColor = "rgba(100,240,100, 1)" ;
<div id="test">Test background</div>

关于javascript - if 函数 javascript 中只有 backgroundColor 样式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61249408/

相关文章:

mysql - 如何在查询语句中编写多个if条件

python - if 语句条件是否与多个变量互斥?

javascript - jQuery UI 和拆分器

javascript - 我需要打开一个页面,然后在一段时间后重新加载它

html - 波浪号 (~) 符号未按预期工作

jquery - 使用 jQuery 修复底部的页脚

javascript - 类型 'Group' 上不存在属性 'ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>'

javascript - 带有 HTML 表格的 jQuery 同位素库

javascript - 将此背景幻灯片与 JQuery 一起使用,我需要将整个图像放入 div 中

arrays - 将 2 个数组与总和值进行比较