Rumah > hujung hadapan web > html tutorial > Sembunyikan elemen html melalui paparan atau visibility_HTML/Xhtml_Web page production

Sembunyikan elemen html melalui paparan atau visibility_HTML/Xhtml_Web page production

WBOY
Lepaskan: 2016-05-16 16:37:16
asal
1981 orang telah melayarinya

Kadangkala kita perlu mengawal sama ada elemen HTML dalam halaman Web dipaparkan atau disembunyikan berdasarkan syarat tertentu, yang boleh dicapai melalui paparan atau keterlihatan. Fahami perbezaan antara paparan dan keterlihatan melalui contoh berikut Kod contoh mudah adalah seperti berikut:

Salin kod
Kodnya adalah seperti berikut:



Tunjukkan dan sembunyikan kawalan elemen HTML type="text/javascript ">
fungsi showAndHidden1(){
var div1=document.getElementById("div1"); if(div1.style. display=='block') div1.style.display='noe';
lain div1.style.display='block'; block') div2.style .display='none';
lain div2.style.display='block';
}
function showAndHidden2(){
var div3=document.getElementById(" div3");
var div4=document.getElementById("div4");
if(div3.style.visibility=='visible') div3.style.visibility='hidden';
div3 lain .style.visibility=' visible';
if(div4.style.visibility='visible') div4.style.visibility='tersembunyi';
lain div4.style.visibility='visible'; 🎜>}

DIV 1

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