Heim >Web-Frontend >js-Tutorial >So ändern Sie den Wert des CSS-Anzeigeattributs in js

So ändern Sie den Wert des CSS-Anzeigeattributs in js

青灯夜游
青灯夜游Original
2021-05-11 16:36:0010940Durchsuche

JS-Methode zum Ändern des CSS-Anzeigeattributwerts: Verwenden Sie zuerst die Anweisung „document.getElementById(„id value“)“, um das angegebene Elementobjekt abzurufen um den Wert des Anzeigeattributs „Nur“ zu ändern.

So ändern Sie den Wert des CSS-Anzeigeattributs in js

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

HTML DOM ermöglicht JavaScript, den Stil von HTML-Elementen zu ändern. Wie ändert js den Wert des CSS-Anzeigeattributs?

Syntax:

Object.style.display="值";

Beispiel:

Bekannt:

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

Dann Code:

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

Beschreibung: Zu erhaltende Methode das Object-Element Objekt:

1. Holen Sie sich das Element basierend auf dem Tag-Namen

document.getElementById("id属性的值");

3. Holen Sie sich das Element basierend auf dem Wert des Namensattributs Element basierend auf dem Klassenattribut.

document.getElementsByTagName("标签的名字");

]

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert des CSS-Anzeigeattributs in js. 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