点击table中的某一个td,获得这个tr的所有数据
来源:互联网 发布:淘宝出售假货申诉材料 编辑:程序博客网 时间:2024/05/01 18:19
功能: 点击table中的某一个td,获得这个tr的所有数据
效果图
<html><head><script> function getData2(element){ document.getElementById("name").value=element.children[0].innerHTML; document.getElementById("xuehao").value=element.children[1].innerHTML; }</script></head><body> <table border="1"> <tr > <td>学号</td> <td>姓名</td> </tr> <tr onclick=getData2(this) > <td>AAAAAAAAAAA</td> <td>张三 </td> </tr> <tr onclick=getData2(this) > <td>BBBBBBBBBB</td> <td>李四</td> </tr> </table> </br> </br><input type="text" id="name" name="name" /><input type="text" id="xuehao" name="xuehao" /></body></html>
当然还有另外一种方式,我直接在javascript里面给所有的tr加上onclick属性#
<html><head><script> function getData(){ document.getElementById("name").value=this.children[0].innerHTML; document.getElementById("xuehao").value=this.children[1].innerHTML; }</script></head><body> <table border="1"> <tr > <td>学号</td> <td>姓名</td> </tr> <tr > <td>AAAAAAAAAAA</td> <td>张三 </td> </tr> <tr > <td>BBBBBBBBBB</td> <td>李四</td> </tr> </table> </br> </br><input type="text" id="name" name="name" /><input type="text" id="xuehao" name="xuehao" /> <script type="text/javascript"> var tds=document.getElementsByTagName("tr"); var obj=null; for(var i=1,len=tds.length;i<len;i++){ obj=tds[i]; obj.onclick=getData; //这里没有括号 } </script></body></html>
对于这两种方法,我不懂的是为什么一个getData()没有参数,getData2(element)却有参数
0 0
- 点击table中的某一个td,获得这个tr的所有数据
- 点击td 获得tr所有的值(BootStrap 篇)
- 同时获得table中的tr的id和td的id
- 遍历table中的tr td
- 获取某一个<tr>中<td>的值
- Angularjs中table中实现点击td中按钮不触发tr的点击事件
- 点击checkbox使用js取table中tr下td中的各个标签value
- 获取table下的某一个特定<td></td>标签中的值
- 获取table的tr和td值
- 表格<table> <tr><td>
- 在table里动态获取tr里的所有数据
- jQuery 遍历Table中tr中的td中的内容
- 去除 struts2 标签中的自动生成的布局样式table/tr/td
- 去除 struts2 标签中的自动生成的布局样式table/tr/td+ 全选 反选
- ListView中使用table-tr-td布局展示数据
- <table>中的<td>表示table data(表格数据),<tr>表示table row(表格行),<th>表示table head(表格头)
- jq操作table tr td
- js:遍历table某一tr的所有td(当鼠标放在一个单元格上时,当前行的tr样式发生变化 )
- java零开始之第一篇:环境变量设置
- Linux 命令大全
- 临时
- 理解驱动对象(DriverObject)
- 用c语言实现 计算一个字符串中单词的个数
- 点击table中的某一个td,获得这个tr的所有数据
- Git分支管理策略
- HTML5语义标签的实践(blog页面)
- Swoole:重新定义PHP
- Warning: Error creating LLDB target at path '/Users/yifangrd/Library/Developer/Xcode/DerivedData/YFF
- ajax动态显示当前时间
- hdu1698 Just a Hook
- 程序中的的内存分析
- Arrays.asList()测试