快捷導(dǎo)航

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>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</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í)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS原型、原型鏈深入理解
這篇文章主要針對javascript中的原型、原型鏈深入理解，原型是JavaScript中一個比較難理解的概念，本文為大家解決這個難題，感興趣的小伙伴們可以參考一下
2016-02-02
淺析JS中回調(diào)函數(shù)的使用
在JavaScript中,回調(diào)函數(shù)是一種常見的編程模式,用于處理異步操作和事件處理,這篇文章主要為大家介紹了回調(diào)函數(shù)的使用場景和注意事項,需要的可以參考下
2023-08-08
微信JS-SDK自定義分享功能實例詳解【分享給朋友/分享到朋友圈】
這篇文章主要介紹了微信JS-SDK自定義分享功能,結(jié)合實例形式分析了基于JS-SDK接口實現(xiàn)的分享給朋友及分享到朋友圈等功能的相關(guān)配置文件與數(shù)據(jù)操作技巧,需要的朋友可以參考下
2016-11-11
微信小程序canvas分享海報功能
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas分享海報功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-10-10
javascript判斷數(shù)組內(nèi)是否重復(fù)的方法
這篇文章主要介紹了javascript判斷數(shù)組內(nèi)是否重復(fù)的方法,涉及javascript針對數(shù)組的相關(guān)操作技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
不使用ajax實現(xiàn)無刷新提交表單
這篇文章主要介紹了不使用ajax實現(xiàn)無刷新提交表單的方法,需要的朋友可以參考下
2014-12-12
Javascript中的async awai的用法
本篇文章主要介紹了Javascript中的async/awai的用法，將分享async / await是如何工作的，有興趣的可以了解一下
2017-05-05
這篇文章主要介紹了JavaScript靜態(tài)作用域和動態(tài)作用域的實例代碼，本文通過文字實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-06-06