怎么用js获取当前页面table一列的值

JavaScript011

怎么用js获取当前页面table一列的值,第1张

先获取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