Bagaimana Anda menghapus kelas di css?

Properti classList_ mengembalikan daftar kelas yang diterapkan ke elemen. Ini membantu untuk menambah, menghapus, dan mengaktifkan kelas CSS yang dilampirkan ke suatu elemen. Ini memberi kita metode add() dan remove() untuk menambah/menghapus kelas dari classList. Menggunakan remove()_, kita dapat dengan mudah menghapus kelas CSS dari elemen apa pun

	
	
	
		
		

		  
London
		  
London is the capital of England.
		

		
		

		  
Paris
		  
Paris is the capital of France.
		

		
		

		  
Tokyo
		  
Tokyo is the capital of Japan.
		

	

.delftstack {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

var div = document.getElementById('delftstack');
div.classList.remove('delftclass');

Dalam kode di atas, kami menggunakan pemilih untuk mendapatkan elemen yang diinginkan dari DOM, lalu kami menyimpannya dalam variabel sehingga kami dapat mengakses propertinya dan memodifikasinya. Karena kami ingin menghapus kelas dari elemen, kami menggunakan classList.remove() untuk menghapus kelas yang diinginkan. Kami bahkan dapat menghapus beberapa nama kelas sekaligus dengan memberikan banyak argumen

Perlu diperhatikan bahwa Internet Explorer tidak mendukung properti classList

Gunakan jQuery .delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } _4 untuk Menghapus Kelas CSS Dari Elemen Dengan jQuery

Fungsi

.delftstack {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

.delftstack {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

  
London
  
London is the capital of England.



  
Paris
  
Paris is the capital of France.






Tokyo
Tokyo is the capital of Japan.

.delftstack {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

$('#removeme').removeClass('admin');

Fungsi lain bernama

.delftstack {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

Keterangan. Hapus satu kelas atau beberapa kelas dari setiap elemen dalam kumpulan elemen yang cocok

• versi ditambahkan. 1. 0

  • nama kelas

    Jenis.

    Satu atau lebih kelas yang dipisahkan ruang akan dihapus dari atribut kelas dari setiap elemen yang cocok

• versi ditambahkan. 3. 3

  • namakelas

    Jenis.

    Array kelas yang akan dihapus dari atribut kelas dari setiap elemen yang cocok

• versi ditambahkan. 1. 4

  • fungsi

    Jenis. ( indeks, NamaKelas ) =>

    Fungsi mengembalikan satu atau lebih nama kelas yang dipisahkan spasi untuk dihapus. Menerima posisi indeks elemen di set dan nilai kelas lama sebagai argumen

• versi ditambahkan. 3. 3

  • fungsi

    Tipe. ( indeks, namakelas ) => .

    Sebuah fungsi mengembalikan satu atau lebih nama kelas yang dipisahkan spasi atau array nama kelas yang akan dihapus. Menerima posisi indeks elemen di set dan nilai kelas lama sebagai argumen

Sebelum jQuery versi 1. 12/2. 2, metode .removeClass()_ memanipulasi properti className dari elemen yang dipilih, bukan atribut class. Setelah properti diubah, browserlah yang memperbarui atributnya. Ini berarti bahwa ketika atribut class telah diperbarui dan nama kelas terakhir dihapus, browser mungkin telah menyetel nilai atribut ke string kosong alih-alih menghapus atribut sepenuhnya. Implikasi dari perilaku ini adalah bahwa metode ini hanya berfungsi untuk dokumen dengan semantik HTML DOM (mis. g. , bukan dokumen XML murni)

Pada jQuery 1. 12/2. 2, perilaku ini diubah untuk meningkatkan dukungan untuk dokumen XML, termasuk SVG. Mulai dari versi ini, atribut class digunakan sebagai gantinya. Jadi, .removeClass()_ dapat digunakan pada dokumen XML atau SVG

Bagaimana cara menghapus kelas tertentu?

Bagaimana cara menghapus semua CSS dari kelas?

Bagaimana cara menghapus kelas dari halaman?

Bagaimana Anda menghapus elemen di CSS?