jQuery / JavaScript:访问iframe的内容

JavaScript

三分糖就好

2020-03-11

我想使用jQuery在iframe中操纵HTML。

我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点,例如:

$(function(){ //document ready
    $('some selector', frames['nameOfMyIframe'].document).doStuff()
});

但是,这似乎不起作用。一点检查就可以看出,除非等待iframe加载,否则其中的变量frames['nameOfMyIframe']undefined但是,在iframe加载时,变量不可访问(我收到permission denied-type错误)。

有人知道解决方法吗?

第546篇《jQuery / JavaScript:访问iframe的内容》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
蛋蛋L西里 2020.03.11

我认为您在做的事情要遵循相同的原产地政策这应该是您收到权限拒绝类型错误的原因。

null 2020.03.11

采用

iframe.contentWindow.document

代替

iframe.contentDocument
LEY小卤蛋 2020.03.11

如果<iframe>来自相同的域,则可以很容易地访问元素

$("#iFrame").contents().find("#someDiv").removeClass("hidden");

参考

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android