JavaScript实现获取table中某一列的值
2015-02-12 10:10
483 查看
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中某一列的值的方法
- JavaScript获取table中某一列的值的方法
- JavaScript获取table中某一列的值的方法
- jQuery获取table下某一行某一列的值实现代码
- JavaScript获取table中某一列的值的方法
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- 实现table排序的Javascript类库
- 用javascript代码实现对客户端ip地址的获取
- Javascript + xsl 实现把网页中 翻页的 Table 标签内容导入到excel
- javascript里如何获取GridView里某一行某一列的值和TextBox的值比较
- javascript Table 中2个列(TD)的交换实现代码
- javascript实现获取、复制本页地址
- Javascript实现把网页中table的内容导入到excel中的几种方法
- Javascript + xsl 实现把网页中 翻页的 Table 标签内容导入到excel
- 在javaScript中实现table列的新增和删除
- javascript Table 中2个列(TD)的交换实现代码
- 使用 JavaScript 获取 table 行号和列号(附源代码)