Question

我想知道为什么有时候我可以改变网页背景颜色，有时候我不能。例如，在某些网站中，我只需在chrome控制台中键入document.body.bgColor =“red”，并暂时更改背景颜色。但是，在StackOverFlow等其他站点中，这不起作用。由于我的浏览器已经加载了页面，我应该能够更改本地显示的方式。为什么不？谢谢

Answer 1

在Chrome中，您可以使用DOM检查器查看正文的计算样式以及导致此计算样式的CSS规则的继承/覆盖。

如果设置document.body.style.backgroundColor（不是bgColor属性），您会看到可以在此处实际更改背景颜色。这一切都取决于是否存在其他具有更高特异性的规则。 DOM检查员会告诉您是否是这种情况。

Answer 2

CSS是你的答案。尝试

document.body.style.background="red";

CSS样式取代元素属性。

Answer 3

如果你这样做，背景也会在这里改变。但正如您在DOM Inspector中看到的那样，背景并不是您真正看到的。这是一个名为div的{{1}}。如果您更改此div的背景，您将看到更改

编辑：哦，我看到容器是transperent。所以使用container然后就可以了。：）

Answer 4

您始终可以设置身体背景的颜色。但是，这并不一定反映当前观点的背景。此外，如果元素的具体定义比您施加的定义更具体，那么它们仍将被使用。所以，没有“为什么不”，因为你是对的：你总是可以在本地更改页面。

Answer 5

您可以在html中更改body的背景颜色。像这段代码一样使用css属性。

<html>
<head>
    <style>
        body { 
            background-color: red  
        } 
    </style>
</head>
<body>
</body>

您可以通过此链接查看更多属性以更改正文颜色 http://www.webclasses.in/css-background/

Answer 6

document.backgroundColor="red";

改变背景颜色

6 个答案: