Heim > Web-Frontend > js-Tutorial > So stellen Sie CSS in JS so ein, dass es ausgeblendet wird

So stellen Sie CSS in JS so ein, dass es ausgeblendet wird

青灯夜游
Freigeben: 2023-01-05 16:10:22
Original
3594 Leute haben es durchsucht

Implementierungsmethode: Verwenden Sie zuerst die Anweisung „document.getElementById(„id value“)“, um das angegebene Elementobjekt abzurufen. Verwenden Sie dann die Anweisung „element object.style.display="none"“, um das CSS zu steuern und zu erreichen Versteckeffekt.

So stellen Sie CSS in JS so ein, dass es ausgeblendet wird

Die Betriebsumgebung dieses Tutorials: Windows7-System, Javascript 1.8.5 und CSS3-Version, Dell G3-Computer.

Verwenden Sie js, um CSS auszublenden oder anzuzeigen.

Bekannt:

<div class="login1" id="login">页面ID为login的元素</div>
<div class="login2" id="regist">页面ID为regist的元素</div>
Nach dem Login kopieren

Code:

<script>
document.getElementById("login").style.display = "none"; //(login为需要隐藏的页面ID)
document.getElementById("regist").style.display = "block" //(regist为需要显示的页面ID)
</script>
Nach dem Login kopieren

Rendering:

So stellen Sie CSS in JS so ein, dass es ausgeblendet wird

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo stellen Sie CSS in JS so ein, dass es ausgeblendet wird. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage