定制中的外部嵌入的部件

Question 1

我已经试图自一个嵌入的部件从公司在我的网站上。因为他们没得到任何自己的看其形式，我谨强制执行我css规则。

我添加这段代码从公司有自己的形式在我的网页。

<script type="text/javascript" src="https://leads-capturer.futuresimple.com/embed.js?token=ca98908sdgfgds9834234jlkjsdb">

这个脚本的地方形内的一个 <iframe> 和所有节点这里面 <iframe> 不要定制的/更改。

我试图JS设置一个内联式的形成元件的内部 <iframe>. 试图创建一个新的样式表替代他们原来的样式表，但似乎没有任何工作。

即使是一些简单的因为这代码下面，失败(#iframe-main-container 是的一个孩子 <iframe>):

<script>
    let p = document.querySelector('#iframe-main-container');
    p.style.background = 'red';
</script>

如果我改变上述代码和目标 <iframe>它的工作。

我的第一个问题将是，是否有可能复盖一个现有的CSS规则，从一个嵌入的小工具？

如果这是可能的，我做错了什么要改变它的面貌？

Question 2

试试这个。

  <script>
    let iframe = document.getElementsByTagName("iframe");
    let p = iframe[0].contentWindow.document.getElementById('#iframe-main-container');
    p.style.background = 'red';
  </script>

Rob Moll · Answer 1 · 2021-11-18T16:53:30

试试这个。

  <script>
    let iframe = document.getElementsByTagName("iframe");
    let p = iframe[0].contentWindow.document.getElementById('#iframe-main-container');
    p.style.background = 'red';
  </script>

谢谢您的帮助@抢莫尔你的建议的代码是返回'不确定的'为，选择。我相信这个脚本是正在执行之前DOM已准备就绪。我试图一对夫妇的技巧在这里，如：'$(文件)。准备(功能(){控制台。log($('#框架主容器').css('填充底'));});'另一种尝试是执行一个目功能后5秒钟阅读css值从#面-主-容器，但我总是得到'不确定的'，因为它的价值。任何想法?

定制中的外部嵌入的部件

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别