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 );