Question

是否可以使用getElementById但是可以从其他页面使用？

我在“第1页”上有一个按钮功能但是我尝试将iframe“page 1”改为“page 2”按钮不起作用。我尝试了很长时间并且很难解决这个问题，但是除了尝试使用“第1页”中的getElementById并将其放入“第2页”之外，我找不到解决方案

感谢。

Answer 1

我认为你应该使用外部javascript文件来获取使用getElementById（）的元素，并将其包含在page2中。

Answer 2

contentDocument是我认为您缺少的。

<强> page1.htm

<html>
 <script type="text/javascript">
  function buttonFunction()
   { document.getElementById("myFrame").contentDocument.getElementById("page2Elem").innerHTML="From Page 1";
   };
  function page2Function()
   { alert("Page 2 caused this alert!");
   };
 </script>
 <body>
  <input type="button" value="click" onclick="buttonFunction();">
  <br>
  <iframe id="myFrame" src="page2.htm"></iframe>
  <div id="fromPage2">no messages</div>
 </body>
</html>

<强> page2.htm

<html>
 <script type="text/javascript">
  function callPage1()
   { window.parent.document.getElementById('fromPage2').innerHTML='Hello from page 2';
     window.parent.page2Function();
   };
 </script>
 <body>
  <div id="page2Elem">Page 2 Element</div>
  <input type="button" value="Call Page 1" onclick="callPage1();">
 </body>
</html>

getElementById另一个页面

2 个答案: