Bagaimana untuk Menyembunyikan Elemen (termasuk Elemen Pencetus) Selepas Interaksi JavaScript?

Cara Menyembunyikan Elemen selepas Interaksi Menggunakan JavaScript

Dalam HTML, elemen boleh disembunyikan atau ditunjukkan menggunakan sifat paparan CSS. Dengan memanipulasi sifat ini dengan JavaScript, pembangun boleh menogol keterlihatan elemen secara dinamik.

Dalam coretan kod yang disediakan, fungsi showStuff() dicetuskan apabila pautan "Edit" diklik. Fungsi ini menyahsembunyikan elemen textarea, yang pada mulanya disembunyikan menggunakan paparan: tiada; gaya.

Walau bagaimanapun, soalan itu juga menanyakan cara menyembunyikan kedua-dua pautan "Edit" dan teks "Lorem ipsum". Untuk mencapai matlamat ini, fungsi showStuff() boleh diubah suai seperti berikut:

function showStuff(id, text, btn) {
    document.getElementById(id).style.display = 'block';
    // hide the lorem ipsum text
    document.getElementById(text).style.display = 'none';
    // hide the link
    btn.style.display = 'none';
}

Dalam fungsi yang dikemas kini ini:

1. Parameter id kekal sama, mewakili ID bagi elemen untuk ditunjukkan.
2. Parameter baharu, teks, ditambahkan untuk mewakili ID CSS elemen teks "Lorem ipsum" yang sepatutnya tersembunyi.
3. Parameter baharu, btn, ditambahkan untuk mewakili elemen HTML (pautan "Edit" dalam kes ini) yang sepatutnya disembunyikan selepas diklik.

Dalam kod HTML yang dikemas kini, fungsi yang sama dipanggil dengan parameter tambahan:

<td>

Kini, apabila pautan "Edit" diklik, bukan sahaja kawasan teks akan menjadi kelihatan tetapi kedua-dua teks "Lorem ipsum" dan pautan "Edit" itu sendiri akan disembunyikan. Ini menunjukkan cara JavaScript boleh digunakan untuk memanipulasi keterlihatan berbilang elemen dalam satu panggilan fungsi.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Elemen (termasuk Elemen Pencetus) Selepas Interaksi JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!