Heim  >  Artikel  >  Web-Frontend  >  So blenden Sie HTML-Elemente ein und aus

So blenden Sie HTML-Elemente ein und aus

coldplay.xixi
coldplay.xixiOriginal
2021-04-26 10:23:106029Durchsuche

Methoden zum Anzeigen und Ausblenden von HTML-Elementen: 1. Die Sichtbarkeit des Div kann die Anzeige und das Ausblenden des Div steuern, aber die Seite erscheint nach dem Ausblenden leer. 2. Durch Festlegen des Anzeigeattributs kann der belegte Seitenbereich sein freigegeben, nachdem das Div ausgeblendet wurde.

So blenden Sie HTML-Elemente ein und aus

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So zeigen Sie HTML-Elemente an und verbergen sie:

1 Die Sichtbarkeit des Div kann die Anzeige und das Ausblenden des Div steuern, aber die Seite erscheint nach dem Ausblenden leer:

  style="visibility: none;"
 
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
 
  document.getElementById("typediv1").style.visibility="visible";//显示
 
    $("#divid").css("vicibility","hidden")
 
    $("#divid").css("vicibility","visible")

2 , das belegte Div kann nach dem Ausblenden des Seitenbereichs wie folgt freigegeben werden

 style="display: none;"
 
  document.getElementById("typediv1").style.display="none";//隐藏
 
  document.getElementById("typediv1").style.display="";//显
 
    $("#divid").css("display","none");
 
    $("#divid").css("display","");

Verwandte Lernempfehlungen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo blenden Sie HTML-Elemente ein und aus. 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