如何訪問屬於另一個HTML頁面的元素ID？

Question

我有一個JavaScript問題

一共有三個html頁面，例如“ page1.html”，“ anotherPage.html”和anotherPage.html

對於page1.html

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

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

---

對於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')