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

Apakah kaedah untuk mengawal penyembunyian elemen dalam javascript

王林
王林asal
2021-11-03 16:53:007138semak imbas

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';// 以块级样式显示

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';// 显示元素

:

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!

Kenyataan:
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