前端技术

当前位置:首页 > 前端技术 >

js获取表格的行数和列数的方法

时间:2015-10-24        阅读:次        QQ群:182913345

如何使用js获取一个表格的行数和列数?其实很简单,假设存在如下表格:

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table">
	<tr>
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
	</tr>
	<tr>
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
	</tr>
	<tr>
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
	</tr>
</table>

则获取该表格的行数和列数可分别如下代码:

//表格行数
var rows = document.getElementById("example_table").rows.length;
  
//表格列数
var cells = document.getElementById("example_table").rows.item(0).cells.length;

大家利用以上代码轻而易举的就能通过js获取表格的行数和列,希望这篇文章对大家的学习有所帮助。

上一篇:网页播放mp4视频解决方案

下一篇:二维码生成器QRCode.js调用方法

扫一扫,更多精彩内容推送

PHP技术分享

分享PHP技术,前端技术,数据库,SEO优化,服务器,网络安全等知识,是php程序员工作学习的好帮手!

Copyright © 2013-2015.PHP技术分享 www.php520.cn  版权所有  网站地图    PHP学习交流群

免责声明:网站内容收集于互联网,本网站不承担任何由于内容的合法性及健康性所引起的争议和法律责任。

欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。 沪ICP备15014499号-2