从另一个iframe更改ElementById值的Javascript

Javascript to change ElementById value from another iframe

本文关键字：值的 Javascript ElementById 更改 另一个 iframe      更新时间：2023-09-26

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

我在一页上有两个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';

像这样使用window.parent：

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

使用.innerHTML 代替.value

查看正在运行的演示：http://jsfiddle.net/rathoreahsan/G2un4/4/

经过本地测试，工作良好。

相关文章：