js获取table的行/列:table.rows[].cells[]

关注

原创最新推荐文章于 2026-09-21 09:59:01 发布 9.8k 阅读 AI 写同款· GEO 优化 ›

JavaScript中的rows是什么意思？然后，我们使用rows属性来获取该表格中的所有行，将其赋值给变量rows。当处理表格或表单时，我们经常需要对行进行操作，比如插入新行、删除行或者获取特定行的数据。对于每一行，我们可以使用row.cells属性获取该行中的所有单元格，将其赋值给变量cells。在JavaScript编程中，rows属性用于访问和操作表格或表单元素中的行。通过使用rows属性，我们可以轻松地操作和处理表格或表单中的行数据。根据具体的需求，我们可以使用rows属性执行各种操作，如插入新行、删除行、设置行样式等。阅读详情

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<!--<script src="js/jquery-1.10.1.min.js"></script>-->
	</head>

	<body>
		<!--
		描述：table.row[].cells[]测试
		-->

		<table id="table">

			<tr>
				<td>
					1
				</td>
				<td>
					2
				</td>
				<td>
					3
				</td>
				<td>
					4
				</td>
				<td>
					5
				</td>
			</tr>
			<tr>
				<td>
					1
				</td>
				<td>
					2
				</td>
				<td>
					3
				</td>
				<td>
					4
				</td>
				<td>
					5
				</td>
			</tr>

		</table>
		<button type="button" onclick="cli()">click</button>
		<script>
			function cli() {
				var table = document.getElementById("table");
				var table_rows_length = table.rows.length;
				//alert(table_rows_length);行值
				for (var i = 0; i < table_rows_length; i++) {
					var table_col_length = table.rows[i].cells.length;
					//alert(table_col_length)列值
					for (var j = 0; j < table_col_length; j++) {
						var tit = table.rows[i].cells[j].innerHTML;
						alert(tit + "   row/" + i + "   col/" + j);
					}
				}
			}
		</script>
	</body>

</html>

收录于