Menghapus Atribut HTML Menggunakan removeAttribute DOM
Method removeAttribute() DOM pada HTML digunakan untuk menghapus atribut dengan nama spesifik dari suatu elemen. Method ini sama dengan method removeAttributeNode() tetapi berbedap sedikit penggunaannya, dimana pada method removeAttributeNode adalah digunakan untuk menghapus object atribut spesifik, sedangkan pada method removeAttribute digunakan untuk menghapus atribut dengan nama spesifik.
Sintak:
element.removeAttribute(name)
Catatan: nama adalah tipe string yang ditentukan dari nama pada atribut yang digunakan untuk menghapus elemen, yang dibutuhkan pada pengoperasian method removeAttribute().
Contoh:
 |
| Ilustrasi removeAttribute DOM HTML |
Sebelum memahami lebih dalam materi tentang Menghapus Atribut HTML Menggunakan removeAttribute DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Semua Query Selektor HTML querySelectorAll DOM [klik], Mengembalikan Elemen Sebelumnya HTML previousElementSibling DOM [klik], dan Mengembalikan Node Sebelumnya HTML Menggunakan previousSibling DOM [klik].
element.removeAttribute(name)
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Method removeAttribute DOM
HTML
</title>
<style>
.mknn
{
color: green;}
</style>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
Blog Elfan
</h1>
<h2>
Method removeAttribute DOM
</h2>
<p
id="p"
class="mknn">
Portal ilmu komputer
</p>
<button
onclick="Bonss()">
Klik Disini!
</button>
<script>
function Bonss()
{
// Remove class attribute dari
// elemen 'p'.
document.getElementById(
"p").removeAttribute("class");
}
</script>
</body>
</html>
Output:
Blog Elfan
Method removeAttribute DOM
Portal ilmu komputer
Referensi Tambahan:
- 2 Contoh Penggunaan Properti scrollLeft DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti scrollTop DOM pada HTML [klik]
- Cara Penggunaan Properti scrollWidth DOM pada HTML [klik]
- Cara Penggunaan Method setAttributeNode() DOM pada HTML [klik]
- Cara Penggunaan Properti tagName DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti textContent DOM pada HTML [klik]
- 7 Nilai dari Properti Koordinat Geolokasi DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Meira Pradipta Putri, Meliza Haryani, Merita Cahya Kurniasari, Metha Prasetiana, dan Muchamad Bima Purnama.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method removeAttribute DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method removeAttribute DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan method removeAttribute() DOM pada HTML?
BalasHapusMethod removeAttribute() DOM pada HTML digunakan untuk menghapus atribut dari sebuah elemen.
HapusApa perbedaan antara method removeAttribute() dan method removeAttributeNode() DOM pada HTML?
BalasHapusPerbedaan antara method removeAttribute() dengan method removeAtributeNode() adalah method removeAttributeNode() digunakan untuk menghapus object Attr yang telah ditentukan sebelumnya, sedangkan method removeAttribute() digunakan untuk menghapus atribut dengan nama yang telah ditentukan sebelunya. Dimana hasil dari kedua method ini adalah sama.
Hapus