Fatal编程技术网
  • jquery/
  • Can'；无法使用jQuery更改iframe内的值 $（文档）.ready（函数（）{ var iFrameDOM=$（“iframe#frameID”）.contents（）； iFrameDOM.find（“body”）.css（“背景色”，“蓝色！重要”）； });

Can'；无法使用jQuery更改iframe内的值 $（文档）.ready（函数（）{ var iFrameDOM=$（“iframe#frameID”）.contents（）； iFrameDOM.find（“body”）.css（“背景色”，“蓝色！重要”）； });

jquery html

Can'；无法使用jQuery更改iframe内的值 $（文档）.ready（函数（）{ var iFrameDOM=$（“iframe#frameID”）.contents（）； iFrameDOM.find（“body”）.css（“背景色”，“蓝色！重要”）； });,jquery,html,Jquery,Html,我正在尝试更改iframe中主体的背景颜色，它根本不工作。这是从w3schools获取的…运行并签入它。调用其内容时，iframe可能尚未加载。因此，请在iframe加载后执行此操作。 有两种方法。首先，您可以删除！重要信息，它可以正常工作 第一路： <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"><

我正在尝试更改iframe中主体的背景颜色，它根本不工作。这是从w3schools获取的…运行并签入它。

调用其内容时，iframe可能尚未加载。因此，请在iframe加载后执行此操作。 有两种方法。首先，您可以删除
！重要信息
，它可以正常工作

第一路：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<body>

<iframe src="demo_iframe.htm" id='frameID' height="200" width="300"></iframe>
<script>
$(document).ready(function(){
    var iFrameDOM = $("iframe#frameID").contents();

    iFrameDOM.find("body").css("background-color", "blue!important");
});
</script>
</body>
</html>
第二种方式： 但是如果您需要添加
！重要信息
，您必须使用类执行此操作：

$(function(){
    var $iframe = $("iframe#frameID");
    $iframe.on('load', function(){
        var iFrameDOM = $iframe.contents();
        iFrameDOM.find("body").css("background-color", "blue");
    });
});
要通过此测试，只需执行以下操作：

向iframe添加name属性：

var iFrameDOM = $iframe.contents(); 
var $body = iFrameDOM.find("body");
调用iframe的内容时，它可能尚未加载。因此，请在iframe加载后执行此操作。 有两种方法。首先，您可以删除
！重要信息
，它可以正常工作

第一路：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<body>

<iframe src="demo_iframe.htm" id='frameID' height="200" width="300"></iframe>
<script>
$(document).ready(function(){
    var iFrameDOM = $("iframe#frameID").contents();

    iFrameDOM.find("body").css("background-color", "blue!important");
});
</script>
</body>
</html>
第二种方式： 但是如果您需要添加
！重要信息
，您必须使用类执行此操作：

$(function(){
    var $iframe = $("iframe#frameID");
    $iframe.on('load', function(){
        var iFrameDOM = $iframe.contents();
        iFrameDOM.find("body").css("background-color", "blue");
    });
});
要通过此测试，只需执行以下操作：

向iframe添加name属性：

var iFrameDOM = $iframe.contents(); 
var $body = iFrameDOM.find("body");
试试这个：

var body = window.frameName.document.getElementsByTagName("body")[0];
var $body = $(body);

$（'iframe'）.load（函数（）{
$（'iframe'）.contents（）.find（“head”）
.append（$（“.my class{display:none；}”）；
});
试试这个：

var body = window.frameName.document.getElementsByTagName("body")[0];
var $body = $(body);

$（'iframe'）.load（函数（）{
$（'iframe'）.contents（）.find（“head”）
.append（$（“.my class{display:none；}”）；
});

蓝色！重要信息
=>
蓝色
您正在使用的iframe内容是否在同一个域中？是的，它处于打开状态w3schools@pranav-->谢谢，但它不起作用。从其他网站（w3school.com）获取并在您的网站（xyz.com）中使用的框架将不起作用。他们必须在同一个域上才能工作。
blue！重要信息
=>
蓝色
您正在使用的iframe内容是否在同一个域中？是的，它处于打开状态w3schools@pranav-->谢谢，但它不起作用。从其他网站（w3school.com）获取并在您的网站（xyz.com）中使用的框架将不起作用。他们必须在同一个域上才能工作。谢谢你，但它不起作用。即使我尝试设置间隔，但它不起作用。我已经更改了代码，在本地测试了它，效果很好。谢谢你，但它不起作用。即使我尝试设置间隔，但它不起作用。我已经更改了代码，在我的本地电脑上测试过，效果很好。