在js中怎样获取当前页面表格中的数据

JavaScript015

在js中怎样获取当前页面表格中的数据,第1张

1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]2、遍历var oTable=document.getElementById("表格id")oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了

1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells

使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍历

var oTable=document.getElementById("表格id")

oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了

首先需要对table的id或者name进行获取。如:

<table name="table" id="table"></table>

JS获取table的id或者name就是getElementsByName("table"),getElementsById("table")来获取这个table;

其次需要调用对象的cells属性来获取到行属性。

最后需要调用对象的innerHTML来获取这一行的内容。下面是实例:

<td onclick= "updateline(this)">

....

< /td>

< script>

function getLine(line){

   if (line.getElementsByName('table'))

     return false

   for (var i=0 i<line.cells.lengthi++){

      var str[i] = line.cells[i].innerHTML

  } 

}   

</script>