javascript - 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/

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