js：通过“id”向元素添加样式

Question

我有这个真实的代码：

<script>
window.onscroll = function() {
    if(document.body.scrollTop == 0) {
$('#main-header').css('background-color', 'red');
    }
}
</script>

在此页面中： http: //temporal-1.d246.dinaserver.com/

我只需要更改元素的背景颜色：

<header id="main-header" .... </header>

但是，正如您所看到的，它不起作用。有什么问题？

Answer 1

当我在您的网站上执行向下滚动操作时。控制台上打印以下错误：

(index):200 Uncaught SyntaxError: Invalid or unexpected token

对于以下声明：

$(header#main-header).css('background-color', 'red');

现在，当我尝试仅使用 JS 执行此操作时，效果很好。只需打开控制台并尝试一下即可。

document.getElementById("main-header").setAttribute("style","background-color:red");