Tujuan mengganti nama class element HTML adalah untuk menyesuaikan dengan konfigurasi CSS yang berbeda untuk merubah tampilan.Sedikit saya bagikan teknik sedrhana ini untuk pemula dari pemula.
Bagaimana cara me rename class="project-boxes jsGridView"" menjadi class="project-boxes jsGridView1"" dengan javascript
Anda dapat mengganti class sebuah elemen HTML menggunakan JavaScript dengan menggunakan metode `classList`. Berikut cara untuk mengubah class `"project-boxes jsGridView"` menjadi `"project-boxes jsGridView1"`:
```javascript
document.addEventListener('DOMContentLoaded', function () {
// Temukan elemen dengan class "project-boxes jsGridView"
var projectBoxes = document.querySelector('.project-boxes.jsGridView');
// Periksa apakah elemen ditemukan
if (projectBoxes) {
// Hapus class "jsGridView" dari elemen
projectBoxes.classList.remove('jsGridView');
// Tambahkan class "jsGridView1" ke elemen
projectBoxes.classList.add('jsGridView1');
}
});
```
Kode di atas akan mencari elemen pertama dengan class `"project-boxes jsGridView"`, menghapus class `"jsGridView"` dari elemen tersebut, dan menambahkan class `"jsGridView1"` ke elemen tersebut.
