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

JavaScript017

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

function init()

 {

   vartable =document.getElementById("tab1")

   varrows = table.rows.length

   alert('行数'+rows)

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

   alert('列数'+colums)

 }

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

先获取table,然后再去获取列。获取第一行第一列的值,代码如下:

var table=document.getElementById('tab')//获取表格对象

var cell=table.rows[0].cells[0]//第一行第一列单元格对象

var val=cell.innerHTML//获取值

你可以使用 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