·地IE5下JavaScript跨frame加option的
·JS下setTimeout与setInterval二者的
·鼠标移至tabel变色的JavaScript代码
·JavaScript中的日期控件使用详解
·1段随浏览器滚动条移动DIV层的Javasc
·1段显示当前时间的javascript代码
·判断电信网通IP后智能自动跳转的代码
·1个获取鼠标位置的js代码
·1个能移动图片的js代码
·提供日期选择的js代码
·IEWebBrowser组件execWB过程细说
·window.scroll 浏览器滚动条类的参数
·JS取clientHeight与scrollTop的区别
·JavaScript语法教程之style.display
·javascript中innerHtml用法细说
·gbk与utf8两种编码的区别和比较
·网上找到的强制弹出窗口代码,没试过
·新浪blog右下角弹窗代码
 
 
 

通过javascript获取table中内容

日期:2008年03月21日 04:26:58 作者:Javascript 关键字:javascript特效教程

本页内容为:通过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中内容有意见或看法,请点此留言