Rumah > hujung hadapan web > tutorial js > Apakah kaedah untuk mengawal penyembunyian elemen dalam javascript

Apakah kaedah untuk mengawal penyembunyian elemen dalam javascript

王林
Lepaskan: 2021-11-03 16:53:00
asal
7147 orang telah melayarinya

Kaedah untuk JavaScript mengawal penyembunyian elemen adalah dengan menetapkan paparan dalam atribut gaya elemen, seperti [var t = document.getElementById('test');t.style.display = 'none ';].

Apakah kaedah untuk mengawal penyembunyian elemen dalam javascript

Persekitaran pengendalian artikel ini: sistem windows10, javascript 1.8.5, komputer thinkpad t480.

Kami mempunyai dua cara untuk menyembunyikan elemen dalam JavaScript:

Kaedah 1: Tetapkan paparan dalam atribut gaya elemen

var t = document.getElementById('test');//选取id为test的元素
t.style.display = 'none';// 隐藏选择的元素
t.style.display = 'block';// 以块级样式显示
Salin selepas log masuk

Kaedah 2: Tetapkan atribut gaya elemen Perbezaan antara dua kaedah keterlihatan dalam

var t = document.getElementById('test');
t.style.visibility = 'hidden';// 隐藏元素
t.style.visibility = 'visible';// 显示元素
Salin selepas log masuk

:

tidak menduduki kedudukan asal selepas menetapkan paparan untuk disembunyikan, tetapi kedudukan elemen masih diduduki selepas bersembunyi melalui penglihatan.

Pembelajaran yang disyorkan: tutorial video javascript

Atas ialah kandungan terperinci Apakah kaedah untuk mengawal penyembunyian elemen dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan