Comment masquer des éléments div spécifiques en fonction des conditions ? (sans utiliser de styles)

Question

J'ai donc 2 divs

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

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

Donc, essentiellement, ce que je veux faire, c'est cacher le div "composant" dans le code du div "document". Je sais que je peux définir display:none dans le style mais comment masquer directement le div du composant ?

Answer 1

Utilisez window.document.getElementById("@components") 将您的 @component div pour accéder n'importe où sur la page et vous pouvez en faire ce que vous voulez.

<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>