get element inner orther iframe

现在有两个iframe

  <frameset cols="180, 10, *" framespacing="0" border="0" id="frame-body">
    <frame src="index.php?act=menu" id="header-frame" name="header-frame" frameborder="no" scrolling="yes">
    <frame src="index.php?act=main" id="main-frame" name="-frame" frameborder="no" scrolling="no">
  </frameset>
 

其中id为header-frame的标题栏，id为main-frame的为主操作页面，有个功能需要在main-frame中进行操作后更新header-frame的一些元素，但是直接在main-frame里使用

document.getElementById('id')

无法获取到header-frame 中的元素，最后在stackoverflow上找到了解决办法，使用

var hf=top.document.getElementById('header-frame');
var innerDoc = hf.contentDocument || hf.contentWindow.document;
var ele = innerDoc.getElementById('id');
 

就可以获取到想要的元素了。