javascript - 如何使用 Javascript 或 jQuery 获取背景颜色？

Question

我有一个iframe，如果背景是黑色，我想设置白色，反之亦然。我试图通过以下方式获取背景颜色：

$("#id").css('background')

和

$("#id").css('background-color')

和

$("#id").css('backgroundColor')

但它们都返回透明。

请帮我。

Answer 1

您需要查看 iframe 主体的背景，而不是<iframe>元素本身的背景。

var bgcolor = $(document.getElementById('iframeId').contentWindow.document.body).css('background-color');

（如果 iframe 内容来自与您不同的域，则不起作用）

Answer 2

我认为你可以走父母，直到你得到一个不透明的背景颜色：

var elm = $("#id")[0],
    bg;

do {

    bg = $(elm).css( "backgroundColor" );
    elm = elm.parentNode;
} while( elm && bg.toLowerCase() === "transparent" );


console.log( bg );