Mengelola Atribut


Dalam JavaScript, Anda dapat mengakses dan mengubah atribut elemen HTML dengan mudah. Atribut ini dapat berupa id, class, src, href, dan banyak lagi. Mari kita lihat beberapa contoh pengelolaan atribut:

1. Mendapatkan Nilai Atribut

Anda dapat menggunakan getAttribute() untuk mendapatkan nilai atribut dari elemen HTML. Contoh:

var link = document.getElementById('myLink');
var hrefValue = link.getAttribute('href');
console.log('Nilai atribut href: ' + hrefValue);

2. Mengubah Nilai Atribut

Anda dapat menggunakan setAttribute() untuk mengubah nilai atribut elemen. Contoh:

var image = document.getElementById('myImage');
image.setAttribute('src', 'new-image.jpg');

3. Menghapus Atribut

Untuk menghapus atribut, Anda bisa menggunakan removeAttribute(). Contoh:

var element = document.getElementById('myElement');
element.removeAttribute('data-custom');

4. Memeriksa Kehadiran Atribut

Anda dapat memeriksa apakah sebuah atribut ada dalam elemen dengan hasAttribute(). Contoh:

var button = document.getElementById('myButton');
var hasDisabled = button.hasAttribute('disabled');
if (hasDisabled) {
    console.log('Tombol ini dinonaktifkan.');
}

Itu adalah beberapa cara sederhana untuk mengelola atribut dalam JavaScript. Semoga tutorial ini membantu Anda memahami konsep dasar pengelolaan atribut dalam pemrograman web dengan JavaScript.