Question

我需要支持修改iFrame对象：我需要个性化嵌入在我网站中的Google表单。我唯一的问题是，在iFrame内部，实际的表单宽度（不是iFrame宽度）最大为640px，并且它被类＃34; freebirdFormviewerViewCenteredContent＆＃34;强制执行。现在，在iFrame中我无法修改它，但如果我正确地取消了，我可以用Javascript覆盖它。我需要将宽度从640px更改为90％。有没有人知道如何构建javascript或有一个工作脚本？

我必须承认我对Javascript不是很好，所以每一个帮助都会非常感激。

非常感谢！

Answer 1

如果你使用 Jquery 尝试如下，

    $(function(){
    $('#iframe1').on('load', function(){
        $(this).show();
        console.log('load the iframe')
         $(this).contents().find("head")
      .append($("<style type='text/css'>  .my-div2{width:90% !important;}  </style>"));
    });
});

.my-class 是表单类

<强> working Demo

或者如果您想在saparate css文件中编写样式，请执行以下操作。在 style.css 文件

中写css

var cssLink = document.createElement("link");
cssLink.href = "style.css"; 
cssLink.rel = "stylesheet"; 
cssLink.type = "text/css"; 
frames['frameName'].document.body.appendChild(cssLink);

frameName 是iframe名称属性

iFrame在iFrame中更改css类

1 个答案: