Question

是否有可能点击表格的某一行会在表格框架下方的单独框架中生成特定于该行的信息？例如我创建了以下虚拟表。

<table>
    <script type="text/javascript">
    var i =0;
    for (i= 0;i<20;i++)
    {
    document.write("<tr><td><b>" + i);
    document.write("</b></td><td>209.33.32.34</td><td>132.32.22.37</td><td>Bit-torrent</td><td>49000</td></tr>");
    }
    </script>
</table>

实际上，我面临的情况有点复杂。

我有2个html文件

Parent.html（包含页眉，页脚和两个表，即table1和table2）
Child.html（仅包含一个表，即dummyTable）

Child.html包含在Parent.html的table1中。

当我点击一行dummyTable时，是否有可能在Parent.html的table2中出现一些任意文本？

逻辑上我需要关注流程

Parent.html - ＆gt; table1：Child.html onClick（）Child.html中的一行表 - ＆gt; Parent.html - ＆gt; table2：'一些任意文字'

Answer 1

如果您使用的是子html，则可以通过以下方式引用父级中的表：

parent.document.getElementById('parentTableId')

如果你在父html上，访问子html表：

document.getElementById('iframeid').contentWindow.document.getElementById('childTableId')

Answer 2

建议你看一下jQuery。您可以向表行添加单击事件（http://docs.jquery.com/Events/click#fn）并使用jquery提取该行的属性（http://docs.jquery.com/Attributes）并使用append（http://docs.jquery.com/Manipulation/append之类的内容将其显示在另一个表中）。

Answer 3

像child.html这样的东西：

document.getElementById('dummyTableRow').onclick = function()
{
    var table1 = parent.document.getElementById('table1');
    var tr = document.createElement('tr');
    // Fill in <td>s here...
    table1.getElementsByTagName('tbody')[0].appendChild(tr);
};

如何在单击单独框架中的表格行时显示框架中的文本？

3 个答案: