Question

我在SO中找到了这两种方法来操作iframe中的css样式od div元素：

jQuery("iframe").contents().find(".rc-anchor-normal-footer").css("margin-left", "-60px");

和

jQuery("iframe").load(function() {
    var doc = this.contentDocument || this.contentWindow.document;
    var ancor_footer = document.getElementsByClassName("rc-anchor-normal-footer");
    ancor_footer[0].style.marginLeft = "-60px";
});

他们都被放在jQuery(document).ready(function(){})内，但没有一个有效。如果我尝试在firebug JS控制台中提供这些命令，我会得到

jquery.js？ver = 1.12.4：2未捕获的DOMException：无法读取＆＃39; contentDocument＆＃39;属性来自＆＃39; HTMLIFrameElement＆＃39;：阻止了一个有起源的框架＆＃34; http://www.pasticceriaimpero.com＆＃34;从访问跨源框架。

即使我已经设置了

document.domain = "www.pasticceriaimpero.it"

我应该做什么才能让它发挥作用？

更新我设法使用以下内容操纵g-recaptcha样式：

@media not screen and (max-aspect-ratio: 3/4) {
.g-recaptcha {
  margin-top: 2px !important;
  transform:scale(0.78);
  transform-origin:0 0;
}

并使用jQuery访问recaptcha的每个子div ...

如何改变div元素＆＃39; iframe里面的CSS

0 个答案: