在具有自己的<style>标记</style>的iframe中设置元素样式

时间:2014-10-10 20:52:07

标签: javascript jquery html5 css3 iframe

我意识到可能已经有了答案,但老实说我找不到它。这也是一个双重问题。我试图在网站上设置从UpTo日历嵌入的iframe样式。 iframe有效(http://11thavenuehotelandhostel.businesscatalyst.com/events-denver-colorado),但我似乎无法从样式表layout.css中设置样式,浏览器甚至看不到我的样式。我注意到iframe拉出了自己的样式表,并且我假设它覆盖了我的CSS,因为我使用UpTo的帐户不是高级帐户,因此我不应该能够设置样式。我注意到当我使用浏览器的(chrome)开发工具并在特定元素中键入样式时,它会将元素更改为所需的样式。但是,当我使用javascript时,据我所知写内联样式,它不会影响元素。所以我的问题如下: 1-当浏览器内联样式&#34;&#34;浏览器内联样式时,为什么js样式不起作用?使用&#34; element.style {}&#34;有用吗? 2-有没有办法在iframe内部设置内容样式?也许在iframe内容加载后推迟js直到?

以防万一,这是我从UpTo获得的嵌入代码:

<div id="upto-calendar-container-VwOO" class="upto-calendar-plugin">
    <script>
    !function(c,b,a){
         function d(h){
             var e=document.getElementById("upto-calendar-container-"+c),
             f=document.createElement("SCRIPT"),
             g="http://upto.com/js/plugin.js";

             f.onreadystatechange=function(){
                 if(f.readyState==="loaded"||f.readyState==="complete"){
                      f.onreadystatechange=null;
                      h()
                 }
             };
             f.onload=function(){
                 h()
             };
             f.setAttribute("src",g);
             e.parentNode.insertBefore(f,e)
        }
        d(function(){
            upto.init(c)
        })
   }
   ("VwOO");
   </script>
</div>

0 个答案:

没有答案