JS如何获取table有多少行和列

JavaScript020

JS如何获取table有多少行和列,第1张

function init()

 {

   vartable =document.getElementById("tab1")

   varrows = table.rows.length

   alert('行数'+rows)

   varcolums = table.rows[0].cells.length

   alert('列数'+colums)

 }

----根据列数自动循环显示隐藏

表格的第一行为thead中的th

剩下的数据放到tbody中

最后那一行添加的放到tfoot中

对tbody下面的所有tr绑定一个点击事件

事件中获取这个tr下的所有td，就可以获取这行的数据了

大概代码如下:

var trs =document.getElementById("tbodyId").getElementsByTagName("tr")

for(int i=0i<=trs.lengthi++)

{

var tr = trs[i]；

var tds＝tr.getElementsByTagName("td")

//下面遍历tds就可以去获取数据了

//把数据放到下面的表单就好了

//然后提交数据，在服务端进行修改

}

你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)

点击 checkbox，获取 parentNode (也就是 td)，td.cellIndex 就是所在列的键值

点击 checkbox，获取 parentNode.parentNode (也就是 tr)，tr.rowIndex 就是所在行的键值

<script type="text/javascript">

// 点击

document.onclick = function(e) {

// 兼容 event 和 target

e = e || window.event

var target = e.target || e.srcElement

// 确认是 checkbox

if(target.tagName.toLowerCase() === "input"

&&target.type === "checkbox") {

// 获取行列键值

var row_num = target.parentNode.parentNode.rowIndex

var col_num = target.parentNode.cellIndex

// 输出

alert(row_num + " " + col_num)

}

}

</script>

因为键值是从 0 开始，一般需要 +1 才是行列数，但因为你表单中第一行个第一列都是文字，所以不需要 +1 正好输出需要的数字，例如点击周四 + 6，会输出 4 6