JavaScript实现获取table中某一列的值

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中某一列的值的更多相关文章

  1. JavaScript获取table中某一列的值的方法

    1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  2. 用JavaScript，获取Table中指定的行、列

    前言: 先要谢谢George Wing的慷慨赠书<悟透JavaScript>,让我更加感受到了技术交流的重要性,呵呵~ 进入正题,面试题中有一题:如何通过JavaScript获取Table ...

  3. javascript闭包获取table中tr的索引 分类： JavaScript 2015-05-04 15:10 793人阅读 评论(0) 收藏

    使用javascript闭包获取table标签中tr的索引 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ...

  4. JQuery 全选 反选 获取Table 中指定td的元素值

    //全选 function initTableCheckbox() { var $thr = $('table thead tr'); var $checkAllTh = $('<th>& ...

  5. AutoIt获取Gridview中可以修改列的值

    有一个界面如上图:黑色框框部分是一个整体,也是一个gridview,如果我想把框框中右侧数据获取出来,该如何操作? 我尝试过了很多途径,都无法成功. 今天,我发现,当鼠标焦点在黑色框框左侧的部分的时候 ...

  6. Jquery 获取table中的td元素的值

    <table id="t1"> <tr> <td> 1-1 </td> <td> 1-2 </td> < ...

  7. 【2017-06-29】在登录页面自动返回上次请求页面、Js获取table中的行数与列数

    一.在登录页面自动返回上次请求页面 Request.UrlReferrer比如 if (Request.UrlReferrer != null) { //如果能获取来路地址 Response.Redi ...

  8. js循环获取table中的值

    <script type="text/javascript"> function getTdValue() { var tableId = document.getEl ...

  9. 合并table中某一列相邻的相同的行

    合并table中某一列相邻的相同的行​1. [代码]合并table中某一列相邻的相同的行  <!DOCTYPE html><html>    <head>      ...

随机推荐

  1. [LeetCode]题解（python）：026-Remove Duplicates from Sorted Array

    题目来源: https://leetcode.com/problems/remove-duplicates-from-sorted-array/ 题意分析: 给定一个排好序的数组,去除重复的数,返回新 ...

  2. Subsets 【dfs】

    Given a set of distinct integers, nums, return all possible subsets. Note: Elements in a subset must ...

  3. ubuntu 10.04 下 samba 服务的配置

    1. 安装 $ sudo apt-get install samba $ sudo apt-get install samba-common $ sudo apt-get install samb . ...

  4. setuptools，easy_install使用

    当需要安装第三方python包时,可能会用到easy_install命令.easy_install是由PEAK(Python Enterprise Application Kit)开发的setupto ...

  5. IT第五天 - 循环的使用、本周总结 ★★★

    IT第五天 上午 循环 1.while循环.do-while循环.switch语句块的使用 下午 编程 1.编程注释的编写 2.编程力求代码的精简,算法的优化 3.变量的优化使用 小项目 1.swit ...

  6. error: property&#39;s synthesized getter follows Cocoa naming convention for returning &#39;owned&#39; objects

    出现这样的情况,主要是属性名中包括  keyword. You can solve this by: Renaming that property: @property (strong, nonato ...

  7. nginx负载 发向代理配置文件参考

    来自server+iis  linux可做参考 : #user nobody; worker_processes 8; #worker_cpu_affinity 00000001 00000010 0 ...

  8. 函数嵌套 lisp表达式求值

    问题 D: lisp表达式求值 时间限制: 1 Sec  内存限制: 128 MB提交: 105  解决: 43[提交][状态][讨论版] 题目描述 lisp是一种非常古老的计算机语言,是由约翰·麦卡 ...

  9. django 时间计数

    value必须replace(tzinfo=None)变成datetime格式,否则格式不对不能相减.

  10. 基于FPGA的DW8051移植（一）

    最近 半个月都在移植8051,看到DW8051内核资料比较齐全又是新思发布的,所以就开始玩弄 可是这半个月的努力几近白费 —— 移植失败了,不知道从何着手这个内核.可能大家能找到不同的版本,我的是最初 ...