在网上找到在IE下操作IFrame内容的代码:
但是这在Firefox下无效。
所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:
详细代码如下:
TestIFrame.htm:
MyIFrame.htm:
附件内容:
1.TestIFrame.htm
2.MyIFrame.htm
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 οnlοad= "f()">
<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.htm" width = "100" height= "100">
</body>
</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 οnlοad= "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