質問のiframeでCSSをチェックしてください

iframe内の要素のCSSスタイルをチェックしようとしていますが、要素を見つけることができません。質問のiframeでCSSをチェックしてください

iframe内にないとうまくいきます。そうすれば、iframeにコンテンツが見つかっているはずです。ここで

はjQueryを使ってiframe内jsFiddle

var iframe = document.createElement('iframe'); 
var html = '<body><div id="cadrage" style="color:black">Test</div></body>'; 
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); 
document.body.appendChild(iframe); 


$('iframe').ready(function() { 
     if($('iframe').contents().find("#cadrage").css('color') == "rgb(0, 0, 0)") { 
     alert('It equal'); 
     } else { 
     alert('It did not equal'); 
     } 
});

出典

2016-04-10 Keith Power