Untuk menghapus atribut disabled, pilih elemen dan panggil metode removeAttribute() di atasnya, berikan disabled sebagai parameter, e. g. btn.removeAttribute('disabled')
Metode removeAttribute akan menghapus atribut disabled dari elemen
Berikut adalah HTML untuk contoh dalam artikel ini
bobbyhadz.com Button
Dan inilah kode JavaScript terkait
Kami memilih button menggunakan metode document.getElementById()
Kami kemudian menggunakan metode removeAttribute untuk menghapus atribut disabled dari elemen
Metode mengambil atribut untuk dihapus sebagai parameter
Jika atribut tidak ada pada elemen, metode removeAttribute() tidak melempar kesalahan, itu mengabaikan panggilan
Saat menyetel nilai atribut boolean, seperti disabled, kita dapat menentukan nilai apa pun untuk atribut tersebut dan itu akan berfungsi
Jika atribut itu ada, terlepas dari nilainya, nilainya dianggap Button Button Button 3
Jika atribut boolean, seperti disabled, tidak ada, nilai atribut dianggap Button Button Button 5
Jika Anda perlu menambahkan atribut, Anda dapat menggunakan metode Button Button Button 6
Metode mengambil nama atribut sebagai parameter pertama dan nilai yang harus diberikan ke atribut sebagai yang kedua
Saat menyetel atribut boolean, seperti disabled, merupakan praktik terbaik untuk menyetelnya ke nilai kosong. Itu sebabnya kami memberikan string kosong sebagai nilai dalam contoh
Atribut disabled_ dapat diatur ke nilai apa pun dan selama itu ada pada elemen, itu berfungsi
Menghapus atribut yang dinonaktifkan dari beberapa elemen
Perhatikan bahwa Anda hanya boleh memanggil metode removeAttribute() pada elemen DOM. Jika Anda perlu menghapus atribut disabled_ dari kumpulan elemen, Anda harus mengulangi kumpulan tersebut dan memanggil metode pada setiap elemen individual
Ini adalah HTML untuk contoh berikutnya
Button Button Button _
Dan inilah kode JavaScript terkait
Kami menggunakan metode disabled_1 untuk memilih semua elemen dengan kelas disabled2
Kami menggunakan disabled3 loop untuk mengulangi koleksi dan menghapus atribut disabled dari setiap elemen
Untuk menghapus atribut ID dari suatu elemen, panggil metode removeAttribute() pada elemen, dengan meneruskan string 'id' sebagai argumen
Contoh
indeks. html
<!DOCTYPE html> <html> <head> <title> Removing the ID Attribute from an Element with JavaScript </title> </head> <body> <div class="box" id="box-1">This is a box</div> <script src="index.js"></script> </body> </html>Inilah cara kami dapat menghapus ID dari elemen div yang kami buat
indeks. js
const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.removeAttribute('id'); console.log(box.getAttribute('id')); // null _Metode Element_ removeAttribute() menghapus atribut elemen dengan nama tertentu
Catatan. Jika atribut yang ditentukan tidak ada, removeAttribute() kembali alih-alih melempar kesalahan
Berlangganan Buletin Kecantikan Coding
Dapatkan wawasan bermanfaat dan tingkatkan pengetahuan pengembangan web Anda dengan tips dan tutorial mingguan dari Coding Beauty. Lebih dari 2.000 pengembang berlangganan
Element setAttribute() metode
Jika Anda ingin mengganti ID elemen alih-alih menghapusnya, Anda dapat menggunakan metode setAttribute()
Misalnya, kita dapat mengubah ID elemen div yang kita buat sebelumnya ke nilai baru
Sebagai contoh
indeks. js
const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.setAttribute('id', 'new-id'); console.log(box.getAttribute('id')); // new-idMetode Element setAttribute() membutuhkan dua argumen
- const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.removeAttribute('id'); console.log(box.getAttribute('id')); // null _3. Sebuah string yang menentukan nama atribut yang nilainya akan ditetapkan
- const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.removeAttribute('id'); console.log(box.getAttribute('id')); // null _4. Sebuah string yang berisi nilai untuk ditetapkan ke atribut
Kami melewati 'id' dan id baru masing-masing sebagai argumen pertama dan kedua, untuk menyetel atribut ID
Catatan. Jika atribut sudah ada pada elemen, nilainya diperbarui. Jika tidak, atribut baru ditambahkan dengan nama dan nilai yang ditentukan
Metode Element const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.removeAttribute('id'); console.log(box.getAttribute('id')); // null 7
Kami telah menggunakan metode getAttribute() beberapa kali dalam artikel ini. Memanggil metode ini pada Element mengembalikan nilai atribut dengan nama yang ditentukan. Jadi kami menyebutnya dengan 'id'_ untuk mendapatkan ID elemen
Catatan. Jika atribut tidak ada pada elemen, const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.removeAttribute('id'); console.log(box.getAttribute('id')); // null 7 mengembalikan const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.setAttribute('id', 'new-id'); console.log(box.getAttribute('id')); // new-id 1 atau string kosong (const box = document.getElementById('box-1'); console.log(box.getAttribute('id')); // box-1 box.setAttribute('id', 'new-id'); console.log(box.getAttribute('id')); // new-id 2), tergantung pada browser
Setiap Hal Gila yang Dilakukan JavaScript
Panduan menawan untuk peringatan halus dan bagian JavaScript yang kurang dikenal
Daftar dan dapatkan salinan gratis segera
Ayibatari Ibaba
Ayibatari Ibaba adalah pengembang perangkat lunak dengan pengalaman bertahun-tahun membangun situs web dan aplikasi. Dia telah banyak menulis tentang berbagai topik pemrograman dan telah menciptakan lusinan aplikasi dan pustaka sumber terbuka