更改iframe中的字体

Abb*_*bas 2 html javascript css iframe

我有一个HTML页面iframe.我想改变iframe内容的样式,但我似乎无法这样做.

我想将所有内容的字体更改iframe为"Tahoma".这是我的代码:

<!DOCTYPE>

<html>
<head>

<title>phpinfo()</title>
<style type="text/css">
#outerdiv
{
width:446px;
height:246px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top: -508px;
left: 0px;
width: 100%;
height: 615px;
font-family: Tahoma;
}
</style>

<script>
onload = function()
{
 document.frm.document.body.style.fontFamily = "Tahoma";
}
</script>

</head>

<body>
<div id='outerdiv '>
<iframe  name="iframe" src="http://m.sarafikish.com" id='inneriframe' name="frm" scrolling=no frameborder="0"  > </iframe>
</div>    
</body></html>
Run Code Online (Sandbox Code Playgroud)

Ale*_*ara 5

仅当将iframes src设置为同一域上的页面或以其他方式满足同源策略时,才可以执行此操作.您的问题未指定您是否符合这些要求,但如果您这样做,则可以使用contentDocumentiframe属性通过JavaScript操纵iframe.

例:

document.getElementById("inneriframe").contentDocument.body.style.fontFamily = "Tahoma";
Run Code Online (Sandbox Code Playgroud)