正文bgcolor属性权重

Body bgcolor attribute weightage

本文关键字:权重 属性 bgcolor 正文      更新时间:2023-09-26

我用css写了一个正文将是蓝色的,但在javascript中,我让正文每秒都会改变颜色,直到我添加了全局css。我不能删除css,因为它有很多规则我不能取消链接。我想要一种加载所有css规则的方式,但我的身体颜色不会受到影响。

屏幕截图,以证明身体bgcolor已被脚本更改,但未显示:

http://i.gyazo.com/b6a7a0f4c5153c61b38c3552cdcd65fc.gif

有人能告诉我如何包括外部全局CSS,但我的脚本也可以更改bgcolor和CSS不会阻止它吗?

p.S:我是Noob:)!

编辑:

我的代码:http://fiddle.jshell.net/dfywom6a/

救命!

尝试使用document.body.style.background = color;而不是document.bgColor = color;这将覆盖应用于body元素的全局css。

我希望这能有所帮助http://jsfiddle.net/ceueqetn/

bgColor属性已弃用。因此,CSS规则可能会覆盖bgColor属性中规定的颜色。

因此,与其在JavaScript中更改bgColor,不如考虑如下更改CSS:

var body = document.getElementsByTagName('body')[0];
body.style.setProperty('background-color', 'red');

这是您的代码的更新版本。

您需要更改代码而不是文档。bg此文档的颜色。body.style.background

此处的工作示例http://fiddle.jshell.net/dfywom6a/42/

function cc() {
    window.setInterval("Farbe()", 500);
}
farbe = 1;
function Farbe() {
    if (farbe == 1) {
        document.body.style.background = "indigo";
        farbe = 2;
    } else if (farbe == 2) {
        document.body.style.background = "red";
        farbe = 3;
    } else if (farbe == 3) {
        document.body.style.background = "orange";
        farbe = 4;
    } else if (farbe == 4) {
        document.body.style.background = "blue";
        farbe = 1;
    }
}

尝试在颜色css上添加!important

body {
  background: #f00 !important;
}