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