search

Css menambahkan kelas ke tubuh

1 years ago
Komentar: 0
Dibaca: 193

Untuk menghapus kelas dari elemen body, panggil metode classList.remove() pada elemen body, e. g, ________23______

Show

Berikut adalah beberapa contoh HTML

indeks. html

<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body class="class-1 class-2">
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>

Inilah cara kami menghapus kelas 

document.body.classList.remove('class-1');
0 dari badan menggunakan JavaScript

indeks. js

document.body.classList.remove('class-1');
_

Kami menggunakan properti body_ dari 

document.body.classList.remove('class-1');
2 untuk mengakses objek 
document.body.classList.remove('class-1');
3 yang mewakili badan dokumen

Properti 

document.body.classList.remove('class-1');
4 mengembalikan objek 
document.body.classList.remove('class-1');
5 yang mewakili daftar kelas yang dimiliki elemen

Metode remove() dari properti 

document.body.classList.remove('class-1');
_4 mengambil daftar kelas dan menghapusnya dari elemen

Setelah menghapus 

document.body.classList.remove('class-1');
_0, markup dokumen akan terlihat seperti ini

<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body class="class-2">
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>
_

Kita dapat meneruskan banyak argumen ke metode 

document.body.classList.remove('class-1');
_8 untuk menghapus lebih dari satu kelas dari badan. Misalnya, kita dapat menghapus 
document.body.classList.remove('class-1');
_0 dan 
<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body class="class-2">
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>
0 dari badan menggunakan satu pernyataan

indeks. js

document.body.classList.remove('class-1', 'class-2');

Ini akan menjadi markup dokumen yang dihasilkan

<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body>
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>

Jika kita melewati kelas yang tidak dimiliki elemen, 

document.body.classList.remove('class-1');
8 mengabaikan kelas dan tidak 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

Tambahkan kelas ke badan dengan JavaScript

Untuk menambahkan kelas ke elemen body, kita dapat menggunakan metode 

<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body class="class-2">
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>
2 dari objek body

indeks. js

document.body.classList.add('class-3', 'class-4');

Metode add() dari properti 

document.body.classList.remove('class-1');
_4 mengambil daftar nama kelas dan menambahkannya ke elemen

Ini akan menjadi HTML yang dihasilkan setelah menambahkan dua kelas

<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body class="class-1 class-2 class-3 class-4">
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>


<!DOCTYPE html>
<html>
  <head>
    <title>Coding Beauty Tutorial</title>
  </head>
  <body class="class-2">
    <div>This is a div element.</div>

    <script src="index.js"></script>
  </body>
</html>
4 mencegah kelas yang sama ditambahkan ke elemen berkali-kali, sehingga kelas tertentu diabaikan jika elemen sudah memilikinya



Setiap Hal Gila yang Dilakukan JavaScript

Panduan menawan untuk peringatan halus dan bagian JavaScript yang kurang dikenal

Css menambahkan kelas ke tubuh
Css menambahkan kelas ke tubuh

Daftar dan dapatkan salinan gratis segera


Css menambahkan kelas ke tubuh
Css menambahkan kelas ke tubuh

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

Bisakah Anda menambahkan kelas ke tubuh?

Gunakan classList. add() metode untuk menambahkan kelas ke elemen body , e. g. dokumen. tubuh. Daftar kelas.

Bagaimana cara menambahkan CSS untuk tubuh?

CSS dapat ditambahkan ke dokumen HTML dengan 3 cara. .
Sebaris - dengan menggunakan atribut gaya di dalam elemen HTML
Internal - by using a