其他框架中的 javascript document.getElementById

Question

我有两个框架，想要从另一个框架访问一个框架中的元素：

框架 1：

<div id='someId'>...</div>

框架 2：

var div=document.getElementById('someId');

div.innerHTML='something'; 

这在 Firefox 中无法正常工作，所以我想确定，我可以通过 ID 访问另一个框架中的元素吗？

Answer 1

问题可能是您所在的当前框架。如果 window.frames['framename'] 不起作用，请尝试 parent.frames['framename'] 访问顶级框架。

if(parent.frames && parent.frames['framename']) {
   var elem = parent.frames['framename'].document.getElementById(...); 
   // etc
}

Answer 2

我在使用 JS 版本时遇到问题，但能够将这些示例用于有效的 jQuery 版本：

var obj = $('#yourelementid', parent.frames["framename"].document);

Answer 3

document.getElementById('frameId').contentDocument.getElementById('frameChild');

Answer 4

或者，如果您想试试运气，也可以使用数字参数。

window.frames[0].document

Answer 5

由于某种原因

window.frames["framename"].document.getElementById ( "yourelementid" );

不适合我。

另一种方法做了：

   document.getElementById('framename').contentWindow.document.getElementById('yourelementid');

Answer 6

只需使用
frameId.MyElementId

当然，在定义框架时，仅使用“name=....”是不够的，而是在框架标记中使用“id=...”。例如：

    <iframe id=MyFrame> .... 
          <input id=MyElementId>
               ...

    <script>
       // do something with MyElementId
           MyFrame.MyElementId.value = "something";

至少，它在 2022 年（接近 2023 年）有效。

[请注意，我什至没有使用“名称”......现在这完全没有必要，除非您想使用带有多个

Answer 7

您可以使用来引用其他框架

window.frames["framename"]

，然后可以使用来引用 DOM 中的元素

window.frames["framename"].document.getElementById ( "yourelementid" );