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

最新推荐文章于 2024-07-18 03:59:26 发布

Sunset-

最新推荐文章于 2024-07-18 03:59:26 发布

阅读量9.5k

点赞数

分类专栏： html jQuery

本文链接：https://blog.csdn.net/lpfpegfei/article/details/42143769

版权

html 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

jQuery

3 篇文章 0 订阅

订阅专栏

<!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" οnclick="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>