Halo gan, maaf saya mengalami gagal paham saat mencoba-coba sembarang kode untuk menerapkan teknik penambahan class name dan id ke setiap tag html secara dinamis menggunakan javascript, tapi masih gagal. Studi kasus sebenarnya adalah saya ingin menambahkan class name dan id itu ke cell suatu tabel atau dengan kata lain aku ingin tambahkan atribut tersebut ke tag <td>. Apakah agan bundet bisa memberikan pencerahan dengan contoh sederhana saja? terimakasih.
Solusi
Anda dapat menggunakan,
Element.setAttribute(name, value);
Deskripsi: menetapkan nilai atribut pada elemen yang ditentukan. Jika atribut sudah ada, nilainya diperbarui; jika tidak, atribut baru ditambahkan dengan nama dan nilai yang ditentukan.
Dalam kasus lain, Anda juga bisa mendapatkan nilai atribut yang sudah ada dengan cara getAttribute(); sedangkan untuk menghapus atribut anda bisa menggunakan removeAttribute();
Oke, sekarang kembali ke studi kasus Anda, berikut saya berikan contoh sederhana-nya.
var td1 = document.createElement('td');
var td2 = document.createElement('td');
td1.setAttribute('class', 'className');
td2.setAttribute('class', 'className');Semoga bermanfaat!