Properti tampilan gaya digunakan untuk menyembunyikan atau menampilkan konten DOM HTML dengan mengakses elemen DOM menggunakan JavaScript/jQuery.
Untuk menyembunyikan elemen, setel properti tampilan gaya ke "tidak ada"
document.getElementById("element").style.display = "none";Langkah-langkah untuk menyembunyikan elemen
- Buat beberapa div dan beri mereka id atau kelas lalu tambahkan gaya ke dalamnya.
- Width dan height akan mengatur lebar dan tinggi konten, border-radius 0% akan membuat border persegi, 50% akan membuat lingkaran dan 25% akan membuat bentuk bulat dan float akan membuat div diposisikan, margin-right .
- Background-color akan mengatur warna latar belakang div.
- Dokumen. getElementById akan memilih div dengan id yang diberikan.
- Gaya. display = "none" akan membuatnya hilang saat diklik div.
Contoh. Penerapan gaya. menampilkan properti
HTML
<!DOCTYPE html>_
<html>
<head>
_
<<!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>1>
_
<<!DOCTYPE html>8 <!DOCTYPE html>9<0<1>
<3<4
<5<6
<5<8
<5html0
<5html2
<5html4
<3html6
<3html8
<5<6
<5<8
<5>4
<5html2
<5html4
<3<0
<3<2
<5<6
<5<8
<5<8
<5html2
<5html4
<3html6
<3head6
<5head8
<3<0
<3>2
<5>4
<3html6
<3>8
<5 0
<3<0
4<!DOCTYPE html>8>
4head>
_
< 2>
_
< 7 8<0<!DOCTYPE html>00 <!DOCTYPE html>01<0<!DOCTYPE html>00<!DOCTYPE html>04 7________4______
< 7 8<0<!DOCTYPE html>12 <!DOCTYPE html>01<0<!DOCTYPE html>1<!DOCTYPE html>1_______04 7>
< 7 8<0<!DOCTYPE html>24 <!DOCTYPE html>01<0<!DOCTYPE html>24<!DOCTYPE html>04 7>
_
<<!DOCTYPE html>34 <!DOCTYPE html>9<0<!DOCTYPE html>37>
<3<!DOCTYPE html>40
<5<!DOCTYPE html>42
<3<0
_
<3<!DOCTYPE html>47
<5<!DOCTYPE html>49
<3<0
_
<3<!DOCTYPE html>54
<5<!DOCTYPE html>56
<3<0
4<!DOCTYPE html>34>
4 2>
4html>
Keluaran
Sembunyikan elemen dalam HTML menggunakan properti tampilan
HTML adalah fondasi halaman web dan digunakan untuk pengembangan halaman web dengan menyusun situs web dan aplikasi web. Anda dapat mempelajari HTML dari bawah ke atas dengan mengikuti Tutorial HTML dan Contoh HTML ini