Javascript从另一个iframe更改ElementById值

Question

只是想知道是否可以从同一页面上加载的另一个iframe更改iframe中的标签或元素？

我在页面上有2个iframe：

<iframe id="leftMenu" src="menu.htm" STYLE="top:90px" NAME="menu" width="270px" frameborder="0"></iframe>

<iframe src="page.htm" STYLE="top:90px" NAME="AccessPage" width="100%" height="100%" frameborder="0"></iframe>

来自page.htm（第二个iframe）我希望能够通过ID将值更改为第二个iframe上的其他内容。

例如： menu.htm（第一个iframe）在该页面上有一个标签..

<label id="test">test1234</label>

从page.htm（第二个iframe）我想更改该标签的值。

我尝试过以下但没有运气：

document.getElementById('leftMenu').contentWindow.document.getElementById('test').value = 'test successful';

Answer 1

像这样使用window.parent：

    window.parent.document.getElementById('leftMenu').contentWindow.document.getElementById('test').innerHTML = "Replaced Successful!"

而不是.value使用.innerHTML

查看有效的演示： http://jsfiddle.net/rathoreahsan/G2un4/4/

在本地测试并且也正常工作。