javascript - 删除 Iframe 中的类

Question

我想使用 javascript 删除 iframe 内的类。代码在这里:

<iframe width="456" height="940" src="//invis.io/exampleabcde" frameborder="0" allowfullscreen></iframe>

一旦 html 加载，它就会显示在开发者控制台中:

<div ng-include=" '/assets/apps/share/views/powered-by/powered-by.htm' " class="ng-scope">
<!-- Hide this object for all Shopify Enterprise project shares. ( companyID 71 ).  Everyone else should see it. -->
<div ng-controller="poweredBy.poweredByController" ng mouseenter="announceActivityChange(true)" ng-mouseleave="announceActivityChange(false)" ng-hide="project.companyID == 71" class="ng-scope">
<!-- BEGIN: Powered By Tag -->
<!-- ngIf: ! project.isMobile || share.isEmbed --><a ng-if=" ! project.isMobile || share.isEmbed " class="powered-by ng-scope active" ng-class="{ 'active': isActive }" href="http://www.invisionapp.com/?utm_medium=virality&amp;utm_source=Share%20CTA" target="_blank">
<img src="/assets/apps/share/img/logo-icon.png">
</a><!-- end ngIf: ! project.isMobile || share.isEmbed -->
<!-- END: Powered By Tag -->
</div>
</div>

我上面列出的实际代码并不那么重要，关键是 iframe 加载了一些 angularjs，我无法访问我想要的特定类并删除它。

当我在开发者控制台中删除代码行 class="powered-by ng-scope active" 时，它会完美地删除我想要的内容。但是我似乎无法执行代码来在 JavaScript 中删除此类。我尝试过 $(".powered-by").remove(); 和其他几种方法，但没有任何方法能够删除此类。

任何有关删除 iframe 类的帮助将不胜感激。谢谢。

`

Answer 1

如果 iframe 与您的页面不在同一域中，您将无法访问 iframe 的内容，原因是 the same-origin policy