0

我有一个 iframe，里面的背景颜色应该变成黑色，主体颜色变成白色。并且从外部样式表加载的默认为黑色的所有元素也需要更改为白色。我更改正文的背景颜色和颜色的第一件事是：

    frame = document.getElementsByTagName(“iframe”);
    var D = frame.contentDocument;  
    var cwin = frame.contentWindow;
    D.body.style.backgroundColor ='black';  
    D.body.style.color = 'white';

但是具有黑色的元素将因其样式而变得不可见。所以我遍历 dom 以获取黑色的元素并将其更改为白色。但是下面的代码似乎不起作用。

var all = D.getElementsByTagName("*");
                for (var i=0, max=all.length; i < max; i++) {
                    computedStyle = cwin.getComputedStyle(all[i]);
                    var c = computedStyle.getPropertyValue("color"); 
                    if(c =='rgb(0,0,0)'){
                        all[i].style.setProperty("color", "white", null);
                    }
                }

注意：样式表是从外部加载的。我无法手动更改外部样式表，我想在运行时进行。对上述代码有更好的解决方案或修改吗？

4

1 回答 1

1

如果 c 的值为“rgb(0, 0, 0)”，则条件c == 'rgb(0,0,0)'为false，因为测试字符串比预期字符串长 2 个字符（空格）。

您可以尝试将您的线路更改为if(c =='rgb(0, 0, 0)'){.

但是，不同的浏览器可能对值“black”有不同的表示。如果您想确保始终获得相同的黑色表示 (#000, rgb(0, 0, 0))，您可以尝试将字符串标准化为固定格式，如此处所述。

似乎还有一个更全面的颜色转换器（Stoyan 的 RGBColor.js）正在积极研究here（原文是here）。

于 2013-10-23T08:54:40.550 回答