向Iframe添加元素

我正在创建一个包含iframe的页面。我的目标是创建一个将添加到iframe内容头部的JavaScript。向Iframe添加元素

但我总是得到错误暗示iframe.contentDocument为空。

代码主页

<html> 
<head> 
<title>Sample "Hello, World" Application</title> 
<script type="text/javascript" > 
function sizeFrame() { 
try{ 
    var ifrm = document.getElementById("CFrame"); 
    var bt = ifrm.contentDocument.createElement("base"); 
    bt.setAttribute("target", "_parent"); 
    ifrm.contentDocument.getElementsByTagName("head")[0].appendChild(bt); 
} 
catch (er) 
{alert(er);} 
} 
</script> 
</head> 
<body> 
<div id="sidecontainer"> 
<iframe id="SFrame" name="SearchFrame" frameborder ="0" width="500" height="100" scrolling="no" src="SearchBox.html"></iframe> 
</div> 
<div id="content"> 
<iframe id="CFrame" name="ContentFrame" frameborder="0" height="1000px" width="1000px" onload="sizeFrame()" scrolling="no" src="ContentFrame.html"></iframe> 
</div> 
</body> 
</html>

代码的iframe ContentFrame.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
</head> 
<body> 
    <div id="input"> 
    test 
    </div> 
</body> 
</html>

来源

2012-12-04 MikeNQ

使用框架窗口的名字，你像下面

主窗口做创建元素

ContentFrame.document...

换句话说就是访问窗口名称。

此外，您的iframe窗口没有任何id值等于“id”的元素。

来源

2012-12-04 16:48:49 SaidbakR

我建议你尝试

ifrm.contentWindow.document.getElementById("id")

来源

2012-12-04 16:51:02 shuaqiu

感谢，另一个错误（TypeError：不能未定义的getElementById）。并且需求发生了变化，所以现在我需要创建一个新的“基本”标签并将其添加到iframe中。 – MikeNQ

我尝试了你的js代码在我的应用程序，它可以正常工作。 – shuaqiu

向Iframe添加元素

回答

相关问题