用table的属性获取吧
var _tab = documentgetElementById('tb'); // 获取table对象
var _row = _tabrows; //获取table的行
var _cell = _row[1]cells; //获取第二行的列
alert(_cell[2]innerHTML); //获取第三列的值
// 取得表格对象
var oTable = documentall["table_id"];
// 调用table对象的insertRow方法,增加一个新行到表格末尾,并返回新增的tr对象
var oTr = oTableinsertRow();
var trs = documentgetElementsByTagName("tr");
for(var i=0;i<trslength;i++){
trs[i]onclick=function(){
var tds=thisgetElementsByTagName("td");
consolelog("ID: "+tds[0]getElementsByTagName("a")[0]innerHTML);
consolelog("Name: "+tds[1]innerHTML);
}
}
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="小白编辑部 and LittleWhite">
<title>小白编辑部 and LittleWhite</title>
<style type="text/css">
table {
margin: auto;
width: 300px;
border-collapse: collapse;
border: 1px solid black;
}
td {
border: 1px solid black;
text-align: center;
font: 20px/15 Consolas, 微软雅黑;
}
</style>
<script type="text/javascript">
onload = function ()
{
var first = documentgetElementById('first');
var result = firsttBodies[0]rows[1]cells[0]children[0];
var x = resulttBodies[0]rows[0]cells[0]firstChildnodeValue;
consolelog(x);
}
</script>
</head>
<body>
<table id="first">
<tr><td>22</td></tr>
<tr>
<td><table>
<tr>
<td>dd</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
这用到HTML中的onclick事件,跟java没关系了
在onclick事件的处理方法中,你可以通过documentgetElementById("tr的id")
获取到该tr对象,然后设置style
希望对你有帮助
以上就是关于js如何获取表格内行和列的值,例如表格内第二行第三列的值全部的内容,包括:js如何获取表格内行和列的值,例如表格内第二行第三列的值、js在表格最后添加一行、如何通过点击事件获取当前tr中指定td的值呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)