Bagaimanakah saya boleh lelaran melalui baris dan sel jadual dalam Javascript?

Linda Hamilton
Lepaskan: 2024-11-06 08:08:02
asal
428 orang telah melayarinya

How do I iterate through table rows and cells in Javascript?

Merela Melalui Baris Jadual dan Sel dalam JavaScript

Apabila bekerja dengan jadual HTML, selalunya perlu untuk mengulangi baris dan selnya untuk mendapatkan semula data atau melakukan pengiraan. Berikut ialah dua cara untuk mencapai matlamat ini menggunakan JavaScript:

Pilihan 1: Mengulang Melalui Baris dan Lajur

Untuk mengulangi setiap baris dan lajur dalam jadual, gunakan yang berikut sintaks:

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   // Iterate through rows
   for (var j = 0, col; col = row.cells[j]; j++) {
     // Iterate through columns
   }  
}
Salin selepas log masuk

Dalam gelung ini, baris mewakili baris semasa dan kol mewakili sel semasa. Anda boleh mengakses data dalam sel menggunakan col.innerHTML.

Pilihan 2: Mengulang Melalui Sel Sahaja

Jika anda hanya mahu melelaran melalui sel, abaikan baris, gunakan kod berikut:

var table = document.getElementById("mytab1");
for (var i = 0, cell; cell = table.cells[i]; i++) {
     // Iterate through cells
}
Salin selepas log masuk

Dalam gelung ini, sel mewakili sel semasa dan anda boleh mengakses datanya menggunakan cell.innerHTML.

Atas ialah kandungan terperinci Bagaimanakah saya boleh lelaran melalui baris dan sel jadual dalam Javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!