javascript - 使用 javascript 插入 css 规则

Question

我想使用此代码从一天中的某个时间更改我的 div 背景，但不起作用。我想将它添加到我的嵌入 css(第四个链接)。它将添加到剩余的规则中。

var hur = new Date();
    var dyng = hur.getHours()
   if(dyng > 6 && dyng < 18){
     document.styleSheets[3].cssRules[0].style.background="url('/blog/themes/custom/img/sky.jpg')"
   }else{
    document.styleSheets[3].cssRules[0].style.background="url('/blog/themes/custom/img/night.jpg')"
   }

CSS

#test {
    background-size: cover;
    width: 100%;
    height: 220px;
}

Answer 1

这通常可以通过使用一对 jQuery 方法以简单的方式实现:

.addClass()
.removeClass()

在普通的 Javascript 解决方案中，可以使用一对函数完成相同的操作:

element.setAttribute ("class", "CSS class name");
element.removeAttribute ("class", "CSS class name");