Question

我的页面上有一个来自外部来源的iFrame，当iFrame加载时，它已经进入了它自己的“#F”。样式类和我试图删除其中的一个类。因此，当iFrame加载HTML时，如下所示：

<iframe style="background-color:#fff !important" id="myFrame" src="http://salonspy.co.uk/widget?i=72108" frameborder="0" height="270" width="320">
#document
    <html> <!---THIS IS THE TAG I'M TRYING TO GET A HANDLE ON!-->
        <head>...</body>
        <body>...</body>
    </html>
</iframe>

html标签有一个背景颜色（由外部css），并且我试图删除这种背景颜色（或应用透明颜色），但我似乎无法获得＆＃39;持有＆＃39;这个标签。

我有一些等待iFrame加载的jQuery，但我不知道应该输入什么来应用这种新风格。

$(function() {
$("#myFrame").bind("load",function(){
    //$(this).contents().find("[tokenid=" + token + "]").html();
    alert("iFrame loaded");
    //$(this).contents().find("html").css("background-color","white");
    var src = $('#myFrame>html').html();
    alert(src);
});
});

有人可以帮忙吗？

感谢。

Answer 1

从评论转到答案。

如果您从same origin内访问salonspy.co.uk，您可以通过调用内部HTML来访问HTML内容：

普通JavaScript

document.getElementById('myFrame').contentWindow.document.bo‌dy.innerHTML

的jQuery

$('#myFrame').contents().find("html").html();

删除iFrame的html标签样式

1 个答案: