Bagaimana cara menghapus atribut melalui javascript?

Question

Untuk menghapus atribut disabled, pilih elemen dan panggil metode removeAttribute() di atasnya, berikan disabled sebagai parameter, e. g. btn.removeAttribute('disabled')

Table of Contents Show

Menghapus atribut yang dinonaktifkan dari beberapa elemen
Element setAttribute() metode
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
Setiap Hal Gila yang Dilakukan JavaScript
Bagaimana cara menghapus id atribut dalam JavaScript?
Bagaimana cara menghapus atribut kelas di JavaScript?
Bagaimana cara menghapus semua atribut dari elemen dalam JavaScript?

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-id

Metode 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

Bagaimana cara menghapus id atribut dalam JavaScript?

Untuk menghapus atribut ID dari elemen, panggil metode removeAttribute() pada elemen, dengan meneruskan string 'id' sebagai argumen.

Bagaimana cara menghapus atribut kelas di JavaScript?

Untuk menghapus kelas dari elemen, Anda menggunakan metode remove() dari properti classList elemen .

Bagaimana cara menghapus semua atribut dari elemen dalam JavaScript?

Proyek Dalam JavaScript & JQuery . Untuk ini, buat larik dan gunakan removeAllAttrs() untuk menghapus semua atribut elemen HTML tertentu . Misalnya, hapus gambar dengan menghapus atribut elemen img.

kode javascript