如何根據條件隱藏特定的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>