Javascript:如何访问框架内的表?

时间:2013-11-20 11:25:59

标签: javascript

要访问我们可以使用的ID值:     的document.getElementById(ID)。价值。 但是我在访问表中的ID时遇到问题。桌子里面有一个框架。框架的内容也是一个表格,因为我想在表格中向上和向下滚动。

main.html:

<script type="text/javascript">
 function show_name()
 {
   alert(document.getElementById("name1").value);
 }
</script>


<table id="table1">
 <tr>
   <td>
      <div id="mydiv">
        <!-- the ajax func call myframe.php and pu result here -->  
      </div>
  </td>
 </tr>
</table>

<input type="button" value="Show Name" onClick="show_name()">

myframe.php:

<iframe height="500px" height="400px" src="table2.php"></iframe>

下面是table2.php。它根据传递给它的参数以交互方式生成表。当然反馈插入“mydiv”。

<?php
 // mysql_connect();
 // mysq_query....
?>

 <table id="table2">
 <tr>
  <td>
    <input type="text" id="name1" value="john">
  </td>
 </tr>
 </table>

代码运行得非常好,所有内容都正确地进入页面。我希望对框架内的对象进行一些处理,但是如何访问它?

到目前为止,按下按钮什么也没有,这意味着代码无法访问该对象。当然,会有更多有意义的过程,而不仅仅是提醒一个名字。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

要访问iframe中的元素:

window.frames[1].document.getElementById('name1');