Heim > Web-Frontend > js-Tutorial > Mit welcher Methode kann das Ausblenden von Elementen in Javascript gesteuert werden?

Mit welcher Methode kann das Ausblenden von Elementen in Javascript gesteuert werden?

王林
Freigeben: 2021-11-03 16:53:00
Original
7147 Leute haben es durchsucht

Die Methode für JavaScript zum Steuern des Ausblendens von Elementen besteht darin, die Anzeige im Stilattribut des Elements festzulegen, zum Beispiel [var t = document.getElementById('test');t.style.display = 'none'; ].

Mit welcher Methode kann das Ausblenden von Elementen in Javascript gesteuert werden?

Die Betriebsumgebung dieses Artikels: Windows 10-System, Javascript 1.8.5, Thinkpad T480-Computer.

Wir haben zwei Möglichkeiten, Elemente in JavaScript auszublenden:

Methode 1: Legen Sie die Anzeige im Stilattribut des Elements fest

var t = document.getElementById('test');//选取id为test的元素
t.style.display = 'none';// 隐藏选择的元素
t.style.display = 'block';// 以块级样式显示
Nach dem Login kopieren

Methode 2: Legen Sie die Sichtbarkeit im Stilattribut des Elements fest

var t = document.getElementById('test');
t.style.visibility = 'hidden';// 隐藏元素
t.style.visibility = 'visible';// 显示元素
Nach dem Login kopieren

Der Unterschied zwischen Diese beiden Methoden:

Nachdem die Anzeige auf Ausblenden eingestellt wurde, nimmt sie nicht die ursprüngliche Position ein, aber nach dem Ausblenden durch Sichtbarkeit bleibt die Elementposition weiterhin belegt.

Empfohlenes Lernen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonMit welcher Methode kann das Ausblenden von Elementen in Javascript gesteuert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage