Artikel ini akan menggambarkan kaedah untuk melumpuhkan butang HTML dalam JavaScript.
Bagaimana untuk Melumpuhkan Butang HTML Menggunakan JavaScript?
Untuk melumpuhkan butang HTML menggunakan JavaScript, gunakan ' kurang upaya ” sifat elemen butang. Butang juga dilumpuhkan menggunakan atribut HTML 'dilumpuhkan', tetapi ia akan dilumpuhkan secara kekal dan anda tidak akan dapat mendayakannya semula. Semasa menggunakan JavaScript, sifat 'dilumpuhkan' boleh dilumpuhkan dan mendayakan butang secara dinamik.
Sintaks
Sintaks yang diberikan digunakan untuk melumpuhkan butang:
butangObject. kurang upaya
Contoh 1: Lumpuhkan Butang
Buat butang dalam fail HTML dan tetapkan id “ butang ” yang akan membantu untuk mengakses butang ini:
< id butang = 'butang' > Butang butang >
Ambil butang HTML dalam fail JavaScript, menggunakan id yang ditetapkan dengan bantuan “ getElementById() ' kaedah:
adalah butang = dokumen. getElementById ( 'butang' ) ;
Tetapkan harta ' kurang upaya ” kepada “ benar ”:
butang. kurang upaya = benar ;Seperti yang anda lihat, butang dalam output telah dilumpuhkan:
Contoh 2: Lumpuhkan Butang pada Acara Klik
Di sini, kami akan melumpuhkan butang semasa mengklik padanya. Mula-mula, dapatkan rujukan butang menggunakan id yang ditetapkan:
Panggil ' addEventListener() kaedah ” dengan melampirkan “ klik acara ', yang akan menetapkan harta orang kurang upaya ' benar ” sambil mengklik pada butang:
butang. addEventListener ( 'klik' , fungsi ( ) {jika ( butang. kurang upaya ) {
butang. kurang upaya = salah ;
}
lain {
butang. kurang upaya = benar ;
}
} ) ;
Ia boleh diperhatikan bahawa semasa mengklik pada butang, ia akan dilumpuhkan:
Itu semua tentang butang lumpuhkan dalam JavaScript.
Kesimpulan
Untuk melumpuhkan butang HTML dalam JavaScript, gunakan ' kurang upaya ” sifat elemen butang. Ia membantu untuk mendayakan atau melumpuhkan butang secara dinamik manakala atribut HTML 'dilumpuhkan' melumpuhkan butang secara kekal. Artikel ini menggambarkan kaedah untuk melumpuhkan butang HTML dalam JavaScript.