<html>
<head>
<script type="text/javascript">
function show()
{
var tab = documentgetElementById("test") ;
//表格行数
var rows = tabrowslength ;
//表格列数
var cells = tabrowsitem(0)cellslength ;
alert("行数"+rows+"列数"+cells);
}
</script>
</head>
<body>
<table id="test" border="1">
<tr>
<td> </td><td>nbsp;</td>
</tr>
<tr>
<td> </td><td>nbsp;</td>
</tr>
</table>
<input type="button" onclick="show();"/>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="jquery-152minjs">
</script>
<script type="text/javascript">
$(document)ready(function(){
$("#mytable tr")click(function(){
$("#mytable tr")removeAttr("clk");
$(this)attr("clk","on");
$("#mytable tr")each(function(index){
if($(this)attr("clk")=="on"){
alert(index);
}
});
});
});
</script>
<body>
<table id="mytable">
<tr>
<td>a
</td>
</tr>
<tr>
<td>b
</td>
</tr>
<tr>
<td>c
</td>
</tr>
</table>
</body>
javascript提供了获取表格中某一行单元格数的代码，参考如下：
documentgetElementById('first')cellslength // 获取id为first的行的单元格数目实例演示如下：
创建Html元素
<div class="box"><span>实例演示：获取表格第一行的单元格数量</span><br>
<div class="content">
<table>
<tr id="first"><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">
</div>
</div>
简单设置一下css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
编写jquery代码
<script>function fun_get(){
alert(documentgetElementById('first')cellslength);
}
</script>
观察效果
<!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>
以上就是关于js怎么动态获得表格的行数全部的内容，包括:js怎么动态获得表格的行数、在js中怎样获取table里面选中的行号、js如何获取表格中某一行的单元格数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）