JS 控制隐藏显示
Apr 26, 2018 pm 02:29 PM这篇文章给大家分享的是一个比较简单的JS 控制隐藏显示的代码,有需要的朋友可以看一下
比较简单的实现.style.display就是控制层隐藏或显示的属性.
<html> <body> <script> function show(){ document.getElementById("p").style.display=""; //alert(document.getElementById("p").style.display) } function hidden(){ document.get ElementById("p").style.display="none"; //alert(document.getElementById("p").style.display) } </script> <BODY> <input name="name" type="button" onClick="show();" value="显示"> <p id="p" style="display: none" onMouseout="hidden();"> show it </p> </BODY> </HTML>
p的visibility可以控制p的显示和隐藏,但是隐藏后页面显示空白
style="visibility: none;" document.getElementById("typep1").style.visibility="hidden";//隐藏 document.getElementById("typep1").style.visibility="visible";//显示
通过设置display属性可以使p隐藏后释放占用的页面空间,如下
style="display: none;" document.getElementById("typep1").style.display="none";//隐藏 document.getElementById("typep1").style.display="";//显示
如果用p.style.display="none"隐藏会引起,p里面的东西休眠,里面的事件就不响应了
Atas ialah kandungan terperinci JS 控制隐藏显示 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Mulakan dari awal dan bimbing anda langkah demi langkah untuk memasang Flask dan segera buat blog peribadi

Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata

Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript

Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata

Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap

Bagaimana untuk menggunakan insertBefore dalam javascript
