Html 如何更改每个id页的正文背景?

Html 如何更改每个id页的正文背景?,html,css,background-color,Html,Css,Background Color,我想在单击页面时将主体背景更改为不同的颜色。我的HTML代码只有一个页面,因此页面被分类为s。我不想改变身份证的背景。我只想改变身体的颜色 我试过: body #home {background-color:#099;} body#home {background-color:#099;} 但它只在#home div的维度内变化,而不是身体背景 我试过: body #home {background-color:#099;} body#home {background-color:#099

我想在单击页面时将主体背景更改为不同的颜色。我的HTML代码只有一个页面,因此页面被分类为
s。我不想改变身份证的背景。我只想改变身体的颜色

我试过:

body #home {background-color:#099;}
body#home {background-color:#099;}
但它只在#home div的维度内变化,而不是身体背景

我试过:

body #home {background-color:#099;}
body#home {background-color:#099;}

但是什么也没有发生。

在CSS中,没有办法根据元素的子元素是什么来选择元素

给body元素一个id。

JavaScript

<script type="text/javascript">
        function changeBackgroundColor(Bodycolor) {
            alert(Bodycolor);
            document.body.style.background = Bodycolor;
        }
    </script>

功能更改背景颜色(车身颜色){
警报(车身颜色);
document.body.style.background=车身颜色;
}
HTML


家
关于

你到底在期待什么?body{background color:#099;}在改变body color时有什么问题?我是@JJPA-我不知道问题出在哪里。听起来你的意思是你想在包含
#home
div的页面上改变body color,而不是在不包含
#home
div的页面上?但是,这不适合只有一个HTML页面的情况。@MrLister-这听起来像是一种过度扭曲的情况。因此,一个真实的页面,通过DOM操作有多个模拟页面。您好,这是一个有效的代码,非常感谢!但是,在更改背景颜色之前,会打开一个弹出框,说明颜色,然后必须单击“确定”才能更改颜色。我能摆脱这个吗?没关系,我已经修好了。我刚刚删除了警报(Bodycolor);再次感谢你!:)