Bagaimana untuk membuat elemen tidak kelihatan dalam html

Cara menetapkan elemen halimunan dalam HTML: 1. Tambahkan atribut tersembunyi dalam tag elemen 2. Gunakan atribut gaya dalam tag elemen untuk menetapkan gaya "display:none" 3. Gunakan gaya atribut dalam tag elemen Tetapkan gaya "keterlihatan:tersembunyi".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Terdapat tiga cara untuk menjadikan elemen tidak kelihatan dalam HTML:

• Gunakan atribut tersembunyi
• Gunakan atribut gaya untuk menetapkan paparan:tiada
• Gunakan atribut gaya Tetapkan keterlihatan: palsu

Jelas sekali, terdapat dua cara untuk menjadikan elemen tidak kelihatan:

• Elemen itu tidak kelihatan sepenuhnya dan elemen itu tidak menduduki ruang dan seolah-olah hilang
• Elemen tidak kelihatan, tetapi masih menduduki ruang asal, seolah-olah tidak kelihatan

Gunakan atribut tersembunyi

<div hidden>hello</div>

Kesan penggunaan atribut tersembunyi ialah apabila memaparkan DOM, atribut paparan elemen akan ditukar secara automatik kepada tiada. Ambil perhatian bahawa satu-satunya penggunaan atribut tersembunyi adalah di sini: cuma tukar paparan kepada tiada pada kali pertama anda menambah atribut tersembunyi. Pada masa hadapan, walaupun atribut paparan berubah kepada menyekat, atribut tersembunyi akan tetap ada.

Dapat dilihat bahawa tersembunyi dan paparan=tiada mempunyai kesan yang sama. Tetapi ia tidak langsung dan asas seperti paparan. Oleh itu, jangan gunakan atribut tersembunyi pada masa hadapan dan akses terus atribut paparan dalam gaya.

Gunakan atribut gaya untuk menetapkan paparan:tiada

Paparan=tiada dalam gaya boleh membuat elemen hilang sepenuhnya tanpa kesan atas ruang.

<div style="display:none">hello</div>

Gunakan atribut gaya untuk menetapkan keterlihatan=tersembunyi

Apabila keterlihatan=tersembunyi dalam gaya, elemen tersebut nampaknya tidak kelihatan, tetapi ia masih kekal Ambil ruang asal.

<div style="visibility:hidden">hello</div>

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk membuat elemen tidak kelihatan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!