Bagaimana untuk Melumpuhkan Butang HTML Secara Dinamik Menggunakan JavaScript?

Melumpuhkan Butang HTML Secara Dinamik dengan JavaScript

Melumpuhkan butang HTML merujuk kepada menjadikannya tidak boleh diklik secara fizikal. Secara tradisinya, ini boleh dicapai dengan menambahkan "dilumpuhkan" pada teg butang, tanpa menetapkannya sebagai atribut. Walau bagaimanapun, pendekatan ini menimbulkan cabaran apabila cuba melumpuhkan butang secara dinamik menggunakan JavaScript.

Tetapan Atribut lwn. Bukan Atribut

Kunci untuk memahami isu ini terletak pada sifat tetapan "kurang upaya". Bertentangan dengan apa yang anda mungkin pernah dengar, "kurang upaya" ialah atribut. Walau bagaimanapun, atribut boolean, seperti "dilumpuhkan", mempunyai ciri unik.

Atribut boolean dalam HTML dan DOM

Atribut Boolean hanya memerlukan nama tanpa nilai yang jelas. Dalam HTML 4, menyatakan atribut penuh ("disabled='disabled'") disyorkan, tetapi dalam HTML 5, adalah betul untuk meninggalkan nilai lalai.

Harta yang sepadan dalam DOM (Model Objek Dokumen ) juga dinamakan "dilumpuhkan" dan menerima nilai boolean (benar atau palsu).

Melumpuhkan Butang Secara Dinamik

Untuk melumpuhkan butang secara dinamik menggunakan JavaScript, anda boleh menggunakan sintaks berikut:

buttonElement.disabled = true;

Sebagai alternatif, anda boleh menggunakan kaedah setAttribute dan removeAttribute untuk memanipulasi atribut "disabled":

buttonElement.setAttribute('disabled', true);
buttonElement.removeAttribute('disabled');

Walau bagaimanapun, menggunakan tetapan sifat langsung (buttonElement.disabled ) diutamakan untuk kebolehpercayaan, terutamanya dalam versi Internet Explorer yang lebih lama.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Butang HTML Secara Dinamik Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!