如何访问属于另一个html页面的元素id？

Question

我有一个javascript问题

有三个html页面，如'page1.html'，'anotherPage.html'和anotherPage.html

FOR page1.html

<div id='mainFrame'></div>

<ul><li onclick="updateFrame(id,"anotherPage.html");"><a href="javascript:;"></a></li></ul>

---

FOR anotherPage.html

<ul><li onclick="updateFrame(id,anotherPage2);"><a href="javascript:;"></a></li></ul>

---

我的javascript函数：

function updateFrame(id,url){
document.getElementById(id).innerHTML="<iframe scrolling='no' style='height:2000px;position:absolute;width:100%;height:100%;left:10px;border-style:none' src=\" "+ url+ "\"></iframe>";} 

---

问题是当我在iframe中调用java脚本时，javascript没有找到父文档id。如何访问父文档ID？ （在这种情况下，父文档是另一个html页面）

感谢。

Answer 1

parent.document.getElementById('myControlId')