Wie verstecke ich bestimmte div-Elemente basierend auf Bedingungen? (ohne Verwendung von Stilen)

Question

Also habe ich 2 Divs

<div id="@components">
Test
</div>

<div id="@documents">
if(documents.count > 0){
then hide div id components 
}
</div>

Im Wesentlichen möchte ich das Div „component“ im Code des Div „document“ verstecken. Ich weiß, dass ich display:none im Stil festlegen kann, aber wie verstecke ich das Div der Komponente direkt?

Answer 1

使用 window.document.getElementById("@components") 将您的 @component div 获取到页面上的任何位置，然后您就可以用它执行您想要的操作。

<div id="@components">
Test
</div>

<div id="@documents">
if(documents.count > 0){
    //then hide div id components
    let componentsDiv = window.document.getElementById("@components");
    if(componentsDiv)
        componentsDiv.style.display = "none";
}
</div>