js獲取表格的行數(shù)和列數(shù)的方法
更新時間：2015年10月23日 15:30:38 投稿：lijiao
這篇文章主要介紹了js獲取表格的行數(shù)和列數(shù)的方法，需要的朋友可以參考下
如何使用JavaScript獲取一個表格的行數(shù)和列數(shù)？其實很簡單，假設(shè)存在如下表格：
<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>
則獲取該表格的行數(shù)和列數(shù)可分別如下代碼：
//表格行數(shù)
var rows = document.getElementById("example_table").rows.length;
//表格列數(shù)
var cells = document.getElementById("example_table").rows.item(0).cells.length;
大家利用以上代碼輕而易舉的就能通過JavaScript獲取表格的行數(shù)和列，希望這篇文章對大家的學(xué)習(xí)有所幫助。
您可能感興趣的文章:
- Vue.js實現(xiàn)多條件篩選、搜索、排序及分頁的表格功能
- JS實現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
- js實現(xiàn)表格篩選功能
- JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法
- JavaScript遍歷table表格中的某行某列并打印其值
- js操作table元素實現(xiàn)表格行列新增、刪除技巧總結(jié)
- javascript輕松控制表格列樣式的腳本代碼
- 妙用Angularjs實現(xiàn)表格按指定列排序
- Javascript動態(tài)創(chuàng)建表格及刪除行列的方法
- JS實現(xiàn)table表格內(nèi)針對某列內(nèi)容進(jìn)行即時搜索篩選功能
相關(guān)文章
下面小編就為大家分享一篇使用JS模擬錨點跳轉(zhuǎn)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
新浪中用來顯示flash的函數(shù)...2007-04-04
JavaScript forEach 方法跳出循環(huán)的操作方法
這篇文章主要介紹了JavaScript forEach 方法跳出循環(huán)的操作方法,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了如何在頁面中可以簡單的測試一些簡單的JavaScript語句,需要的朋友可以參考下2010-04-04
js實現(xiàn)鍵盤操作實現(xiàn)div的移動或改變的原理及代碼
實現(xiàn)鍵盤操作實現(xiàn)div的移動，最關(guān)鍵的一點：獲取div對象，下面有個不錯的示例，大家可以參考下2014-06-06
在FIREBUG里如果一個對象同時擁有l(wèi)ength屬性和splice方法，就會被firebug顯示為數(shù)組的形式2011-11-11
一轉(zhuǎn)眼已經(jīng)臘月了,相信小伙伴們一定想知道我們距離2023新年還有多少天,下面這篇文章主要給大家介紹了關(guān)于如何一步步教你用js簡單實現(xiàn)新年倒計時的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了解決input獲取焦點時底部菜單被頂上來問題的方法，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-01-01
這篇文章主要介紹了JavaScript與HTML的結(jié)合方法，利用實例向大家介紹JavaScript與HTML是如何結(jié)合的，內(nèi)容很詳細(xì)，感興趣的小伙伴們可以參考一下2015-11-11
異步是指進(jìn)程不需要一直等下去,而是繼續(xù)執(zhí)行下面的操作,不用管其他進(jìn)程的狀態(tài),下面這篇文章主要給大家介紹了關(guān)于JS異步編程方法的6種方案,需要的朋友可以參考下2023-01-01