Sembunyikan elemen html melalui paparan atau visibility_HTML/Xhtml

Sembunyikan elemen html melalui paparan atau visibility_HTML/Xhtml_Web page production

WBOY

Lepaskan： 2016-05-16 16:37:16

asal

1960 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：

display 隐藏元素

sumber：php.cn

Artikel sebelumnya：Pelbagai kaedah untuk melaksanakan fungsi segera dalam kotak teks dalam pengeluaran halaman html_HTML/Xhtml_Web Artikel seterusnya：Apa yang boleh saya lakukan untuk menyelamatkan anda, meja saya (Haiyu Blog)_HTML/Xhtml_Webpage Production

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

Artikel terbaru oleh pengarang