Paparkan dan sembunyikan elemen HTML melalui paparan atau visibility_HTML/Xhtml

Paparkan dan sembunyikan elemen HTML melalui paparan atau visibility_HTML/Xhtml_Web page production

WBOY

Lepaskan： 2016-05-16 16:39:05

asal

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

elemen html

sumber：php.cn

Artikel sebelumnya：Pengenalan kepada contoh urutan pelaksanaan antara lompatan href dan onclick hiperpautan html a tag_HTML/Xhtml_Webpage Production Artikel seterusnya：Isu keserasian memasukkan fail audio ke dalam HTML dan memainkan fail audio dalam penyemak imbas_HTML/Xhtml_Pengeluaran halaman web

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