为何通过JavaScript无法修改CSS中设置的background-color背景色？

问题根因 #

你代码中的document.getElementById("1")获取到的是id为1的<style>标签DOM元素，你修改的是这个<style>标签自身的行内背景样式，既不是页面body元素的样式，也不会修改<style>标签内部定义的CSS规则，因此不生效。

解决方案 #

方案1：直接修改body元素的行内样式（最常用，优先级足够覆盖原有样式） #

直接操作body元素的style属性即可，代码如下：

document.body.style.backgroundColor = "brown";

方案2：修改