JavaScript to get rows count of a HTML table

Question

How to get with JavaScript the rows count of a HTML table having id and name

User · Answer

If the table has an ID   const tableObject   document getElementById tableId   const rowCount   tableObject 1  childElementCount    If the table has a Class   const tableObject   document getElementsByClassName tableClass   const rowCount   tableObject 1  childElementCount    If the table has a Name   const tableObject   document getElementsByTagName  table    const rowCount   tableObject 1  childElementCount    Note  index 1 represents  lt tbody gt  tag

User · Answer

This is another option  using jQuery and getting only tbody rows  with the data  and desconsidering thead tfoot      quot  tableId  gt  tbody  gt  tr quot   length   x000D   x000D  console log     myTableId  gt  tbody  gt  tr   length   x000D   demo      width 100      height 100      border 1px solid  C0C0C0     border-collapse collapse     border-spacing 2px     padding 5px      demo caption      caption-side top     text-align center      demo th      border 1px solid  C0C0C0     padding 5px     background  F0F0F0      demo td      border 1px solid  C0C0C0     text-align left     padding 5px     background  FFFFFF    x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt table id  myTableId  class  demo  gt      lt caption gt Table 1 lt  caption gt      lt thead gt         lt tr gt            lt th gt Header 1 lt  th gt            lt th gt Header 2 lt  th gt            lt th gt Header 3 lt  th gt            lt th gt Header 4 lt  th gt         lt  tr gt      lt  thead gt      lt tbody gt         lt tr gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt         lt  tr gt         lt tr gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt         lt  tr gt         lt tr gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt         lt  tr gt         lt tr gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt            lt td gt  amp nbsp  lt  td gt         lt  tr gt      lt  tbody gt      lt tfoot gt         lt tr gt            lt td colspan 4 style  background  F0F0F0  gt  amp nbsp   lt  td gt         lt  tr gt      lt  tfoot gt   lt  table gt  x000D   x000D   x000D

User · Answer

tableName   find  tr   length

User · Answer

You can use the  rows property and check it s  length  like this   var rowCount   document getElementById  myTableID   rows length

User · Answer

Given a    lt table id  tableId  gt       lt thead gt           lt tr gt  lt th gt Header lt  th gt  lt  tr gt       lt  thead gt       lt tbody gt           lt tr gt  lt td gt Row 1 lt  td gt  lt  tr gt           lt tr gt  lt td gt Row 2 lt  td gt  lt  tr gt           lt tr gt  lt td gt Row 3 lt  td gt  lt  tr gt       lt  tbody gt       lt tfoot gt           lt tr gt  lt td gt Footer lt  td gt  lt  tr gt       lt  tfoot gt   lt  table gt    and a   var table   document getElementById  tableId      there are two ways to count the rows   var totalRowCount   table rows length     5 var tbodyRowCount   table tBodies 0  rows length     3   The table rows length returns the amount of ALL  lt tr gt  elements within the table  So for the above table it will return 5 while most people would really expect 3  The table tBodies returns an array of all  lt tbody gt  elements of which we grab only the first one  our table has only one   When we count the rows on it  then we get the expected value of 3

[javascript] JavaScript to get rows count of a HTML table

Examples related to javascript

Examples related to html