当我设置一个div来显示时，为什么我的整个屏幕都会消失：none？

Question

在某些情况下，我需要让这种控制消失。这是我的代码：

    var blade = document.getElementById("blade");
        if (!this.showBlade) {
            blade.style.display = "none";
        }

这是控件的代码：

    <div id="blade" class="immersive-flex-pane-right">

        <dpn-blade-carousel on-init="$page.onBladesInit($component)"
                            starting-blade="gc-choose-community-blade"
                            params="{ dom: $page.dom }"
                            class="blades" />

    </div>

为什么我的整个屏幕现在都是空白的？