javascript padam baris jadual

Dalam JavaScript, kami boleh memadamkan baris dalam jadual dengan mudah melalui manipulasi DOM. Berikut akan memperkenalkan dua cara asas untuk memadam baris dalam jadual.

1. Pemadaman dicapai melalui kaedah deleteRow() objek jadual

Dalam HTML, anda boleh menetapkan id kepada nombor baris yang hendak dipadamkan atau menentukan baris nombor untuk dipadamkan kedudukan baris untuk mencapai pemadaman. Kod adalah seperti berikut:

Perihalan kod:

• Kaedah deleteRow() dalam kaedah ini digunakan untuk memadamkan baris pada kedudukan yang ditentukan (dikira dari 0).
• Dalam contoh ini, baris pertama berada pada kedudukan 0, baris kedua berada pada kedudukan 1, dan seterusnya.
• Jika baris yang hendak dipadamkan tiada dalam jadual, ralat akan dilemparkan.
• Anda perlu memperkenalkan pembolehubah yang sepadan dengan jadual. Nilai pembolehubah boleh diperoleh dengan menggunakan getElementById() atau kaedah lain.

2. Pemadaman dicapai melalui atribut parentNode bagi objek HTMLElement

Selain kaedah di atas, kita juga boleh menggunakan atribut parentNode untuk memadamkan elemen. Dalam HTML, kita boleh memadamkan baris dengan mendapatkan elemen induk bagi elemen baris yang sedang dipilih, iaitu elemen tbody jadual. Kod adalah seperti berikut:

Perihalan kod:

• Mula-mula dapatkan elemen baris untuk dipadamkan, anda boleh menggunakan kaedah getElementById() atau kaedah lain untuk mendapatkannya.
• Kemudian gunakan sifat parentNode bagi objek elemen baris untuk mendapatkan objek jadual jadual dan dapatkan elemen tbody daripada objek itu.
• Akhir sekali, gunakan kaedah removeChild() bagi objek tbody untuk mengalih keluar elemen baris yang dipilih.

Ringkasan

Memadamkan baris dalam jadual adalah mudah, sama ada menggunakan kaedah deleteRow() atau menggunakan atribut parentNode. Ramai pembangun lebih suka menggunakan kaedah deleteRow(), memandangkan kelebihan kesederhanaan dan kejelasannya. Sebaliknya, menggunakan atribut parentNode ialah pendekatan yang lebih umum yang boleh digunakan pada mana-mana elemen dalam dokumen HTML. Bagi pembangun yang ingin melaksanakan fungsi boleh guna semula, menggunakan atribut parentNode sudah pasti lebih sesuai.

Atas ialah kandungan terperinci javascript padam baris jadual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!