JavaScript - 如果用戶記錄/未記錄，則隱藏按鈕

Question

我對 JavaScript 相當陌生，這就是我想根據用戶是否登錄來隱藏按鈕的方法。 導航欄 ID 是正確的，但它對它沒有任何作用。

function hideHeaderOptions() {
    let headerUploadPicture = document.getElementById("navbar-upload-picture");
    let headerProfile = document.getElementById("navbar-profile");
    let headerMessages = document.getElementById("navbar-messages");
    let headerResults = document.getElementById("navbar-results");
    let headerLogout = document.getElementById("navbar-logout");
    let headerLogin = document.getElementById("navbar-login");

    if (sessionManager.isLogged()) {
        headerLogin.style.display = "hidden";
    } else {
        headerUploadPicture.style.display = "hidden";
        headerProfile.style.display = "hidden";
        headerMessages.style.display = "hidden";
        headerLogout.style.display = "hidden";
        headerResults.style.display = "hidden";
    }
}

Answer 1

您可以在此處使用none而不是hidden ：

     function hideHeaderOptions() {
    
        if (sessionManager.isLogged()) {
            document.getElementById("navbar-login").style.display = "none";
        } else {
            document.getElementById("navbar-upload-picture").style.display = "none";
            document.getElementById("navbar-profile").style.display = "none";
            document.getElementById("navbar-messages").style.display = "none";
            document.getElementById("navbar-logout").style.display = "none";
            document.getElementById("navbar-results").style.display = "none;
       }
}