`
jessen163
  • 浏览: 457040 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉
社区版块
存档分类
最新评论

javascript 取table中内容

 
阅读更多
1,有如下表格,我们要取第2行第2列的值
<table id="table1">
     <tr>
         <td>1行1列</td>
         <td>1行2列</td>
      </tr>
     <tr>
         <td>2行1列</td>
         <td>2行2列</td>
      </tr>
</table>

2,取值方法
   var value==window.table1.rows.item(0).cells.item(0).innerText;
注意:行号,列号是从 0 开始的
  例如 var value =window.table1.rows.item(1).cells.item(1).innerText;
  这就取到了第2行第2列的值
3.改进方法
   上面的方法,需要知道行号,实践中是不方便获得的,下面是改进的方法
<script language="javascript">
 var str;
</script>
  <table >
     <tr onMouseDown="str=this.cells.item(0).innerText">
         <td>1行1列</td>
         <td>1行2列</td>
      </tr>
     <tr onMouseDown="str=this.cells.item(0).innerText">
         <td>2行1列</td>
         <td>2行2列</td>
      </tr>
</table>

当鼠标按下时,我们就取到了该行第1列的值
<td onMouseDown="str=this.innerText">2行1列</td> 
这可以取鼠标所在列的值
分享到:
评论

相关推荐

    JavaScript Table行定位效果

    最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...

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

    主要介绍了JavaScript获取table中某一列的值的方法,需要的朋友可以参考下

    获取table中某个td的值

    使用javascript来获取table中某个td的值,这样可以动态设置td的属性

    程序天下:JavaScript实例自学手册

    9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 ...

    Javascript遍历Html Table示例(包括内容和属性值)

    1: 遍历并输出Table中值 &lt;table id=tb&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/table&gt; function f() { var t=document.getElementById(tb).childNodes.item(0); for(var i=0;i&lt; t.childNodes.length;i++) { for(var j=0;j&...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 ...

    JavaScript完全自学宝典 源代码

    6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框。 6.12.html 单选框的JavaScript特效。 6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15....

    table拖动(固定宽度,兼容Firefox 3.5IE6)

    在web中模拟窗口表格控件,可以用鼠标拖动改变表格列宽,兼容Firefox 3.5和IE6浏览器。和之前的一个不同的是这个是固定了table的宽度。 相应函数修改为一下后可适应tabel的border属性取不同值: o.p_p_c_gw=...

    【JavaScript源代码】Vue 实例中使用$refs的注意事项.docx

     在开发过程中,经常会通过实例的vm.$refs(this.$refs)取得通过ref注册过的组件,并进行相应操作,但存在取不到元素的情况,其根本原因是因为$refs只能取得mounted(渲染)之后的元素。 例如,在这种情况中,若...

    table表头固定

    可惜所有代码都是用javascript写的,数据添加也是用javascript动态添加的。 我想把它应用在ASP.NET的程序中,通过一个repeater控件将数据库中的数据动态取出来,显示出如上效果。

    JavaScript笔记

    [removed]标签:页面中专门集中编写JavaScript的区域 js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值] } 注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;...

    JavaScript获取GridView选择的行内容

    这些东西的选取首先就要找出选择的是第几行,如下: var table = document.getElementById(“&lt;&#37;=GridView1.ClientID %&gt;”); var rowIndex = 0 ; for(var i=1;... } } 取到TextBox中的值 table

    vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例

    如果是已经有点经验的同学,可以直接看下面这个函数,应该就能明白怎么回事,新手可以看下面的详细教程。...el-table :data="users" highlight-current-row v-loading="listLoading" @selection-change="selsChange

    原创-javascript服务器交互型可编辑表格和我的js常用库

    * 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....

    jquery.easyTable:方便使用表格的JQuery插件

    jquery.easyTable 这个插件的目的是在使用表格的同时帮助开发。 它为一些常见问题和棘手问题提供了一些更快的解决方案。 该插件使用 jQuery,这是最重要的 JavaScript 库之一。 查看上的实时演示。 它是如何工作的...

    copy-dynamodb-table:将Dynamodb表复制到相同或不同区域中的另一个表,这是100%安全的。 速度取决于目标表用户定义的写入预配置吞吐量

    var copy = require ( 'copy-dynamodb-table' ) . copy copy ( { source : { tableName : 'source_table_name' , // required } , destination : { tableName : 'destination_table_name' , // required } , ...

    javascript一些实用技巧小结

    获取包含表格中所有单元格的数组js 取行中列 代码如下: var tbodyObj = document.getElementById(tbodyID); tbodyObj.rows[rowID].cells[colID].innerText = “abcd”; tbodyObj.rows[rowID].cells[colID][removed] ...

    javascript 线性渐变二

    我的思路是这样,假如有一个带文本的DIV,要实现多重线性渐变,我们首先得把它里面的文本取出来,然后里面放几个DIV,有几重就放几个,然后把它们渐变。如果是垂直渐变,这好办,什么也不用做,只需设置其滤镜与各个...

    JavaScript实现梯形乘法表的方法

    表格用html中的table,tr,td,然后利用for语句实现,循环输出行和列,再根据行列的数量进行乘法运算,第一个for循环输出9行,然后内嵌一个for,在条件表达式中取第一个for循环的值然后进行输出表格运算,为什么要取第...

    javascript suggest效果 自动完成实现代码分享

    首先,用到的框架当然是我的框架mass Framework,当然你用其他框架也可以,如jQuery...不过怎么也好,其成就是一个DIV放到搜索栏的下方,里面放了一个table,table动态存放候选词。并且候选词如果不是用户输入的部分,

Global site tag (gtag.js) - Google Analytics