js獲取表格的行數(shù)和列數(shù)的方法
如何使用JavaScript獲取一個(gè)表格的行數(shù)和列數(shù)?其實(shí)很簡(jiǎn)單,假設(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ù)和列,希望這篇文章對(duì)大家的學(xué)習(xí)有所幫助。
- Vue.js實(shí)現(xiàn)多條件篩選、搜索、排序及分頁的表格功能
- JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
- js實(shí)現(xiàn)表格篩選功能
- JS控制網(wǎng)頁動(dòng)態(tài)生成任意行列數(shù)表格的方法
- JavaScript遍歷table表格中的某行某列并打印其值
- js操作table元素實(shí)現(xiàn)表格行列新增、刪除技巧總結(jié)
- javascript輕松控制表格列樣式的腳本代碼
- 妙用Angularjs實(shí)現(xiàn)表格按指定列排序
- Javascript動(dòng)態(tài)創(chuàng)建表格及刪除行列的方法
- JS實(shí)現(xiàn)table表格內(nèi)針對(duì)某列內(nèi)容進(jìn)行即時(shí)搜索篩選功能
相關(guān)文章
使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
下面小編就為大家分享一篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02JavaScript forEach 方法跳出循環(huán)的操作方法
這篇文章主要介紹了JavaScript forEach 方法跳出循環(huán)的操作方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01可以測(cè)試javascript運(yùn)行效果的代碼
這篇文章主要介紹了如何在頁面中可以簡(jiǎn)單的測(cè)試一些簡(jiǎn)單的JavaScript語句,需要的朋友可以參考下2010-04-04js實(shí)現(xiàn)鍵盤操作實(shí)現(xiàn)div的移動(dòng)或改變的原理及代碼
實(shí)現(xiàn)鍵盤操作實(shí)現(xiàn)div的移動(dòng),最關(guān)鍵的一點(diǎn):獲取div對(duì)象,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-06-06一步步教你用js簡(jiǎn)單實(shí)現(xiàn)新年倒計(jì)時(shí)
一轉(zhuǎn)眼已經(jīng)臘月了,相信小伙伴們一定想知道我們距離2023新年還有多少天,下面這篇文章主要給大家介紹了關(guān)于如何一步步教你用js簡(jiǎn)單實(shí)現(xiàn)新年倒計(jì)時(shí)的相關(guān)資料,需要的朋友可以參考下2022-12-12input獲取焦點(diǎn)時(shí)底部菜單被頂上來問題的解決辦法
這篇文章主要介紹了解決input獲取焦點(diǎn)時(shí)底部菜單被頂上來問題的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-01-01