Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengulang Melalui Baris dan Sel Jadual dalam JavaScript?

Bagaimana untuk Mengulang Melalui Baris dan Sel Jadual dalam JavaScript?

DDD
DDDasal
2024-11-08 06:00:03293semak imbas

How to Iterate Through Table Rows and Cells in JavaScript?

Lelaran Melalui Baris Jadual dan Sel dalam JavaScript

Dalam JavaScript, mengakses dan mengulang melalui data jadual boleh dicapai menggunakan kebolehan manipulasi DOM. Untuk melelaran melalui baris jadual () dan mendapatkan semula nilai sel daripada setiap baris, ikut langkah berikut:

1. Dapatkan Elemen Jadual HTML:

var table = document.getElementById("mytab1");

2. Lelaran Melalui Baris:
Gunakan gelung for untuk lelaran melalui baris jadual:

for (var i = 0, row; row = table.rows[i]; i++) {
  // 'row' represents the current row being iterated
  // Access data and manipulate as needed
}

3. Lelaran Melalui Lajur:
Dalam lelaran baris, gunakan gelung bersarang untuk lelaran melalui lajur () setiap baris:

  for (var j = 0, col; col = row.cells[j]; j++) {
    // 'col' represents the current cell being iterated
    // Access data and manipulate as needed
  }

Lelaran Dipermudah:

Jika identiti baris tidak penting, seseorang boleh melelang melalui semua sel secara terus:

for (var i = 0, cell; cell = table.cells[i]; i++) {
  // 'cell' represents the current cell being iterated
  // Access data and manipulate as needed
}

Atas ialah kandungan terperinci Bagaimana untuk Mengulang Melalui Baris dan Sel Jadual dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn