Làm cách nào để lấy các hàng của bảng trong JavaScript?

Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách lấy số lượng hàng trong Bảng HTML bằng JavaScript và jQuery

Bài viết này sẽ giải thích cách lấy tổng số lượng hàng trong Bảng HTML và cách lấy tổng số lượng của tất cả các hàng ngoại trừ hàng Đầu tiên [Tiêu đề] trong Bảng HTML bằng cách sử dụng JavaScript và jQuery

Nhận số lượng [số lượng] hàng trong bảng HTML bằng JavaScript

Đánh dấu HTML sau đây bao gồm Bảng HTML và Nút để đếm [số] hàng trong Bảng HTML bằng JavaScript

Khi Nút được nhấp, hàm JavaScript CountRows được thực thi. Bên trong hàm JavaScript CountRows, trước tiên, Bảng HTML được tham chiếu bằng JavaScript và sau đó một vòng lặp được thực thi trên các hàng của Bảng HTML [phần tử TR]

Tổng số lượng hàng

Tổng số hàng trong Bảng HTML được tính bằng cách đếm tất cả các phần tử TR HTML

Đếm số lượng của tất cả các hàng ngoại trừ hàng Đầu tiên [Tiêu đề]

Số đếm của tất cả các hàng ngoại trừ hàng Đầu tiên [Tiêu đề] trong Bảng HTML được xác định bằng cách chỉ chọn những phần tử HTML TR có chứa phần tử HTML TD [Ô] và bỏ qua tất cả các phần tử HTML TR có chứa HTML TH [Ô tiêu đề]

Cho một tài liệu HTML có chứa một bảng, nhiệm vụ là đếm số hàng và số cột trong bảng đó bằng cách sử dụng JQuery

Tiếp cận. Thuộc tính độ dài được sử dụng để đếm số hàng và số cột trong bảng HTML bằng jQuery. Bộ chọn được sử dụng để tìm số hàng và cột trong bảng HTML là

• To count the number of rows, the “#Table_Id tr” selector is used. It selects all the elements in the table. This includes the row that contains the heading of the table. The length property is used on the selected elements to get the number of rows.
• To count the number of columns, the “#Table_Id tr th” selector is used. It selects all the number of elements nested inside elements in the table. The length property is used on the selected elements to get the number of columns.

ví dụ 1. Trong ví dụ này, số hàng được tính

HTML