Atribut OnToggle HTML dan Fungsinya
- <details>
Sintak:
<details ontoggle = "script">
Catatan: atribut ini bekerja bersamaan dengan tag details.
<!DOCTYPE html >
<html>
<head>
<title>
atribut event ontoggle
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut event ontoggle
</h2>
<p>
Klik untuk membuka details.
</p>
<details ontoggle="mkn()">
<summary
style="color:blue";>
Apa kepanjangan dari HTML
</summary>
<p>
Hyper Text Markup Language
</p>
</details>
<script>
function mkn()
{
alert("atribut ontoggle dipanggil");
}
</script>
</body>
</html>
Blog Elfan
atribut event ontoggle
Klik untuk membuka details.
Apa kepanjangan dari HTML
- Penggunaan Method removeNamedItem() DOM pada HTML [klik]
- Cara Penggunaan Method setNamedItem() DOM pada HTML [klik]
- Cara Mudah Menggunakan Properti Spesifik DOM pada HTML [klik]
- Cara Menggunakan Properti Value DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.assert() DOM pada HTML [klik]
- Cara Penggunaan Method console.clear() DOM pada HTML [klik]
- Cara Penggunaan Method console.count() DOM pada HTML [klik]
Apa manfaat penggunaan atribut ontoggle pada elemen html?
BalasHapusdengan menggunakan atribut ontoggle, maka dapat dilakukan penyembunyian informasi atau objek tertentu pada elemen html.
HapusAtribut ontoggle dapat digunakan untuk mengaktifkan atribut tipe boolean pada elemen yang telah ditentukan.
HapusBrowser apa saja yang dapat digunakan untuk mengaktifkan atribut ontoggle pada eleme html?
BalasHapusBeberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut ontoggle pada halaman html adalah:
Hapus1. Google Chrome 12.0
2. Opera 15.0
3. Firefox 48.0
4. Safari 6.0