Merubah Nama Class dari Elemen HTML dengan JavaScript,Teknik Dasar Yang Wajib Diketahui Pemula

Orang Jaringan -  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. Cek Ke TKP -


http://dlvr.it/Sx2pZf