如何根据条件隐藏特定的div元素？（不使用样式）

Question

所以我有 2 个 div

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

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

所以本质上我想做的就是将“组件”div 隐藏在“文档”div 的代码中。我知道我可以在样式中设置 display:none 但我如何直接隐藏组件的 div ？

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>