我有一个iframe,我想只使用CSS在属性srcdoc中设置样式。
<iframe name="myFrame" srcdoc="<span>Hi</span>"> </iframe>
是否可以在不使用内联样式但仅使用样式表的情况下在srcdoc中设置span的样式?
如果没有,我只能将整个html编码放在srcdoc中来改变样式?
答案 0 :(得分:0)
您可以尝试通过更改属性来使用Javascript。我不确定这是否适合您。但如果是,则创建一个可以动态地将属性更改为您想要的任何属性的函数。这样你就不会静态添加它。
我将在下面给你一个简单的例子。
document.getElementsByTagName("iframe")[0].setAttribute("srcdoc", "demoValue");
要更改内部范围的样式,您只需为其指定一个id即可。并在CSS中制定规则,这将使您在Js和CSS中操纵它。
如果iframe不在同一个域中,您将无法修改内容客户端。您必须使用PHP阅读该页面并从您的域中回显它。
答案 1 :(得分:0)
iframe的CSS样式独立于主页面外观。并且不可能在外部操纵它的设计。
与srcdoc
属性有关,我不明白你想要什么。关于它,MDN says:“此属性通常与sandbox
属性一起使用。”