javascript - document.getElementById 返回 [object HTMLDivElement]

Question

我正在尝试开发一些脚本来切换链接到我的 HTML 文档的 css 的 display 属性。这是为了显示/隐藏文档中的导航栏。但是，当我运行此脚本时，控制台显示 [object HTMLDivElement] 用于 document.getElementById，这确实令人困惑。

我不认为这有什么大不了的，但我现在有点浑浑噩噩......

        function navbarCollapse() {
        var navbarCollapsable = document.getElementById('nav-collapsable');

        var navbarCollapsableVisibility = navbarCollapsable.style.display;
        var invisible = "none";

        if (navbarCollapsableVisibility !== invisible) {
            navbarCollapsableVisibility = invisible;
        } else {
            navbarCollapsableVisibility = "block";
        };
    }

Answer 1

这是应该返回的。 document.getElementById 请引用 MDN 文档:https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

Return Value

element

is a reference to an Element object, or null if an element with the specified ID is not in the document.