Heim > Artikel > Web-Frontend > JS steuert das Ausblenden und Anzeigen

JS steuert das Ausblenden und Anzeigen

不言Original: 2018-04-26 14:29:111734Durchsuche

Dieser Artikel teilt Ihnen einen relativ einfachen JS-Code zur Steuerung der versteckten Anzeige mit.

Eine relativ einfache Implementierung von style.display ist die Steuerung der versteckten Anzeige Das angezeigte Attribut.

<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's Sichtbarkeit kann das Anzeigen und Ausblenden von p steuern, aber die Seite wird nach dem Ausblenden leer angezeigt

style="visibility: none;"
document.getElementById("typep1").style.visibility="hidden";//隐藏
document.getElementById("typep1").style.visibility="visible";//显示

Durch Festlegen des Anzeigeattributs dkönnen Sie den belegten Seitenbereich freigeben, nachdem p ausgeblendet wurde , as folgt

style="display: none;"
document.getElementById("typep1").style.display="none";//隐藏
document.getElementById("typep1").style.display="";//显示

Wenn Sie p.style.display="none" verwenden, um es auszublenden, werden die Dinge in p und die Ereignisse in den Ruhezustand versetzt inside reagiert nicht

Das obige ist der detaillierte Inhalt vonJS steuert das Ausblenden und Anzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：AngularJS Front-End-JS-FrameworkNächster Artikel：AngularJS Front-End-JS-Framework

In Verbindung stehende Artikel

Mehr sehen