JavaScript में HTML टेबल की रो काउंट कैसे प्राप्त करें?

उदाहरण

मान लीजिए हमारी टेबल है:

<table id="tblDemo" border="1"> 
<thead> 
<tr> <th>Name</th> <th>Age</th> </tr> 
</thead> 
<tbody> 
<tr><td>John</td><td>21</td></tr> 
<tr><td>David</td><td>22</td></tr> 
<tr><td>Bob</td><td>20</td></tr> 
<tr><td>Mike</td><td>24</td></tr> 
</tbody> 
</table>

रो काउंट प्राप्त करने के लिए .rows.length प्रॉपर्टी का उपयोग करें:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>Document</title> 
</head> 
<body> 
<table id="tblDemo" border="1"> 
<thead> 
<tr> <th>Name</th> <th>Age</th> </tr> 
</thead> 
<tbody> 
<tr><td>John</td><td>21</td></tr> 
<tr><td>David</td><td>22</td></tr> 
<tr><td>Bob</td><td>20</td></tr> 
<tr><td>Mike</td><td>24</td></tr> 
</tbody> 
</table> 
<script> 
    var allTableData = document.getElementById("tblDemo"); 
    var totalNumbeOfRows = allTableData.rows.length; 
    console.log("Total Number Of Rows=" + totalNumbeOfRows); 
</script> 
</body> 
</html>

फ़ाइल सेव करें और Live Server से खोलें।

आउटपुट

कंसोल में कुल रो की संख्या प्रदर्शित होगी।