javascript - 使用查询检查 iframe 中的 css

我正在尝试检查 iframe 中某个元素的 css 样式，但似乎找不到该元素。

如果不在 iframe 中，它也能正常工作，所以必须符合我在 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');
      }
});

最佳答案

在带有 jquery 的 iframe 中，您应该使用 load() 而不是 ready():

$('iframe').load( function() {

工作 fiddle :http://jsfiddle.net/jpaulet/r1y2vrh4/9/

而且效果很好!希望对你有帮助

关于javascript - 使用查询检查 iframe 中的 css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36532212/