作者: Winty
時間: 2008-12-26
在網上找到在IE下操作IFrame內容的代碼:
document.frames["MyIFrame"].document.getElementById("s").style.color="blue";
但是這在Firefox下無效。
所以，想到在Firefox下用FireBug來調試。經過調試發現在Firefox下可用以下代碼來實現:
document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";
詳細代碼如下:
TestIFrame.htm:
<html>
<head>
<script type="text/javascript">
function f(){
var doc;
if (document.all){//IE
doc = document.frames["MyIFrame"].document;
}else{//Firefox
doc = document.getElementById("MyIFrame").contentDocument;
}
doc.getElementById("s").style.color="blue";
}
</script>
</head>
<body onload="f()">
<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.htm" width = "100" height="100">
</body>
</html>
MyIFrame.htm:
<h1 id = "s" style="color:red;" >內容<h1>
附件內容:
1.TestIFrame.htm
2.MyIFrame.htm
文章來源:
http://wintys.blog.51cto.com/425414/123303
[附件]:
MyIFrame.zip
posted on 2009-03-18 12:02
天堂露珠 閱讀(563)
評論(0) 編輯 收藏 所屬分類:
Web