我想知道为什么有时我可以更改网页背景颜色,有时候我不能。例如,在一些网站中,我只是在chrome控制台中输入document.body.bgColor =“red”,并且背景颜色暂时改变了。但是,在其他站点如StackOverFlow中,这不起作用。由于我的浏览器已经加载了页面,我应该能够改变如何在本地显示它。为什么不?谢谢更改背景颜色
更改背景颜色
回答
在Chrome中,您可以使用DOM检查器查看计算出的主体样式以及导致此计算样式的CSS规则的继承/覆盖。
如果您设置了document.body.style.backgroundColor
(而不是bgColor
属性),您会发现实际上可以在此更改背景颜色。这一切都取决于是否有其他规则在别的地方有更高的特异性。 DOM检查员会告诉你情况是否如此。
CSS是你的答案。尝试
document.body.style.background="red";
CSS样式取代了元素属性。
你是否这么说,无论网站使用的CSS实现是什么,背景颜色都会改变,因为它取代了? – 2012-03-17 19:43:36
好的,是的。页面的背景会改变颜色。这可能不会改变您看到的颜色 - 许多网站使用具有自己背景颜色的容器div,或使用具有背景颜色的div的div。 – FrankieTheKneeMan 2012-03-17 21:56:00
如果你这样做,背景也会改变。但正如您可以看到DOM检查员所看到的那样,背景并不是您真正看到的。这是一个叫container
的div
。如果你改变这个div的背景,你会看到更改
编辑:哦,我看到容器是transperent。所以使用document.body.style.backgroundColor
然后它将工作。 :)
您可以随时设置正文背景的颜色。但是,这并不一定反映当前观点的背景。而且,如果元素的定义比您定义的定义更具体,则仍然会使用它们。所以,没有“为什么不”,因为你是正确的:你可以随时在本地更改页面。
您可以在html中更改body的背景颜色。使用像这样的代码的CSS属性。
<html>
<head>
<style>
body {
background-color: red
}
</style>
</head>
<body>
</body>
您可以检查更多的财产由该链接 http://www.webclasses.in/css-background/
请注意,这个问题是关于通过编程方式改变背景颜色,而不是基本的CSS属性。 – 2015-09-28 13:02:06
- 1. 更改背景颜色3
- 2. jqueryMobile更改背景颜色
- 3. 更改背景颜色tabhost
- 4. 更改UIButton背景颜色
- 5. 更改背景颜色8
- 6. WL.SimpleDialog更改背景颜色
- 7. 更改背景颜色
- 8. UICollectionViewCell更改背景颜色
- 9. 更改QLPreviewController背景颜色
- 10. 更改背景颜色
- 11. 更改UIAlertcontroller背景颜色
- 12. 更改TToolBar背景颜色
- 13. Gnuplot - 更改背景颜色
- 14. select2更改背景颜色
- 15. 更改fancybox2背景颜色
- 16. 更改背景颜色
- 17. 更改DIV背景颜色
- 18. 更改背景颜色
- 19. 更改Listitem背景颜色
- 20. QMenu更改背景颜色
- 21. 更改背景颜色
- 22. 更改HighCharts背景颜色?
- 23. model.addrow()更改背景颜色
- 24. 更改背景颜色
- 25. 更改UITableViewController背景颜色
- 26. 更改背景颜色
- 27. Bootstrap:更改背景颜色
- 28. 更改背景颜色更改边框
- 29. 更改背景颜色多色
- 30. 更改UITabBar的色调/背景颜色
+1改变身上的颜色,认为我们应该在元这个提议,我们应该? 'document.body.style.background =“pink”;' – Jeroen 2012-03-17 19:31:01
@Jeroen它实际上看起来不错。 – 2013-02-18 06:30:42