JavaScript实现获取table中某一列的值
2014-05-05 22:57
323 查看
JavaScript实现获取table中某一列的值
1、实现源码
2、设计结果
(1)初始化时
(2)单击第二列时
1、实现源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript实现获取table中某一列的值</title> <script type="text/javascript"> function getTdValue() { var tableId = document.getElementById("tab"); var str = ""; for(var i=1;i<tableId.rows.length;i++) { alert(tableId.rows[i].cells[1].innerHTML); } } </script> </head> <body style="width:100%; height:100%;"> <table style="width:100%; height:100%;" id="tab" onclick="getTdValue()" border="1" cellpadding="1" cellspacing="1"> <tr style="background-color:#CCC;"> <th>学号</th> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>1</td> <td>李斯</td> <td>男</td> <td>22</td> </tr> <tr> <td>2</td> <td>王倩</td> <td>女</td> <td>20</td> </tr> <tr> <td>3</td> <td>于谦</td> <td>男</td> <td>18</td> </tr> <tr> <td>4</td> <td>柳浪</td> <td>女</td> <td>19</td> </tr> <tr> <td>5</td> <td>诸葛亮</td> <td>男</td> <td>20</td> </tr> <tr> <td>6</td> <td>东方云</td> <td>女</td> <td>21</td> </tr> <tr> <td>7</td> <td>公孙策</td> <td>男</td> <td>22</td> </tr> <tr> <td>8</td> <td>宝清</td> <td>女</td> <td>23</td> </tr> <tr> <td>9</td> <td>智育</td> <td>男</td> <td>20</td> </tr> <tr> <td>10</td> <td>柳丝丝</td> <td>女</td> <td>21</td> </tr> </table> </body> </html>
2、设计结果
(1)初始化时
(2)单击第二列时
相关文章推荐
- JavaScript实现获取table中某一列的值
- JavaScript实现获取table中某一列的值
- JavaScript获取table中某一列的值的方法
- jQuery获取table下某一行某一列的值实现代码
- JavaScript获取table中某一列的值的方法
- JavaScript获取table中某一列的值的方法
- JavaScript获取table中某一列的值的方法
- PHP Ajax JavaScript Json获取天气信息实现代码
- javascript实现table选中的行以指定颜色高亮显示的方法
- 用jQuery获取table中行id和td值的实现代码
- javascript获取url地址参数实现方法
- Table control中让某一列成为按钮并且实现动态文本的做法
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- JavaScript实现获取select下拉框中第一个值的方法
- jQuery实现获取table表格第一列值的方法
- javascript获取ckeditor编辑器的值(实现代码)
- javaScript 实现表格table分页
- jQuery实现获取table中鼠标click点击位置行号与列号的方法