Heim >Web-Frontend >js-Tutorial >Beispielcode für JS-modifizierte Elementanzeigeattribute

Beispielcode für JS-modifizierte Elementanzeigeattribute

小云云
小云云Original
2018-03-12 16:05:423831Durchsuche

Wenn wir JS verwenden möchten, um das Anzeigeattribut eines Elements zu steuern, um es anzuzeigen oder auszublenden, müssen wir das Anzeigeattribut auf den Interline-Stil anwenden. In diesem Artikel wird hauptsächlich der Beispielcode für die Änderung des Anzeigeattributs durch JS vorgestellt des Elements. Ich hoffe, es kann jedem helfen.

und verwenden Sie den ID-Selektor

, d. h.

 <p id="drop-box" style="display:none">
在JS文件中,
        var dropBox = document.getElementById("drop-box");
        //设置元素显示
        function showBox(){        dropBox.style.display = "block";
        }
        //设置元素隐藏
        function hideBox(){        dropBox.style.display = "none";        }

Verwandte Empfehlungen:

Flex-Layout des Anzeigeattributs in der CSS3-Methode

Einführung in die Methode und das Anzeigeattribut von js zum Ausblenden der control_javascript-Fähigkeiten

jquery steuert das Anzeigeattribut auf „none“ oder „block_jquery“

Das obige ist der detaillierte Inhalt vonBeispielcode für JS-modifizierte Elementanzeigeattribute. 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