Bagaimana untuk menyembunyikan elemen div tertentu berdasarkan syarat? (tanpa menggunakan gaya)

Question

Jadi saya ada 2 div

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

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

Jadi pada asasnya apa yang saya mahu lakukan ialah menyembunyikan div "komponen" dalam kod div "dokumen". Saya tahu saya boleh menetapkan paparan: tiada dalam gaya tetapi bagaimana saya menyembunyikan div komponen secara langsung?

Answer 1

Gunakan window.document.getElementById("@components") 将您的 @component div untuk pergi ke mana-mana sahaja pada halaman dan anda boleh melakukan apa sahaja yang anda mahu dengannya.

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