子框架怎样修改父框架的层属性？
就是mainFrame里面的层属性设为隐藏， 鼠标经过topFrame框架的文字时mainFrame里的层显示出来。
请确认调试成功了再回复！有全代码最好，我是新手！
[解决办法]
frame.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="80,*" frameborder="no" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
top.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showdiv(){
////parent代表父窗口，mainFrame是另外一个框架名称，如果是父窗口的内容则不需要这个
parent.mainFrame.checkDiv.style.display="inline";
}
function hidden(){
parent.mainFrame.checkDiv.style.display="none";
}
</script>
<body>
<a href="#" onmouseover="showdiv()">显示层</a>
</body>
</html>
main.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
div{
width:200px;
height:200px;
border:1px;
border-color:#000000;
background:#CCCCCC;
color:#FF0000;
display:none;}
</style>
<body>
<div id="checkDiv" name="checkDiv">
需要显示的层
</div>
</body>
</html>
[解决办法]
使用parent关键字加iframe的名字就可以操作到父页面中其余iframe中的dom元素
[解决办法]
dom.parent()//为父节点
[解决办法]
document.parent.***.style.display="";
[解决办法]
window.parent.mainFrame.document.getElementById("div1").style.display="block"
试试
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>测试</title><style>#mainFrame{ width:200px; height:200px; margin-top:200px; margin-left:200px; background-color:#CCC; border:1px solid red; display:none; position:absolute; z-index:1000;}</style><script src="http://code.jquery.com/jquery-latest.js"></script><script>$(function(){ $("#topFrame").mouseover(function(){ $("#mainFrame").show(); }).mouseout(function(){ $("#mainFrame").hide(); });});</script></head><body><div id="all"> <div id="topFrame">上部</div> <div id="mainFrame">中部</div></div></body></html>