Javascript 根据用户角色隐藏导航栏

大家好，我试过根据用户角色制作三个不同的导航栏。我只希望其中一个导航栏显示，如果它是一个客人，用户或管理员。现在，我只想显示不同的导航栏是否符合x=1（se js代码）

有人能帮我吗？我现在已经把一切都累坏了。但它就是不起作用。我不太擅长编程，所以请不要把它弄得太复杂

Javascript file
x = 1

if (x==0) {
    (#alle).show;
} else {
    ("#all").hide;
}

if (x==0){
    ("#user").show;
} else {
    ("#user").hide;
}

if (x==101){
    ("#admin").show;
} else {
    ("#admin").hide;
}

使用

document.querySelector（'#all'）.style.display='none'；

---

没有像jQuery那样的内置方法

.hide（）

或

.show（）

。

如果我理解你的意思是正确的，那么这就是你必须做的：

x=0；
//选中角色，也可以在switch语句中执行此操作。
//但现在就这样，因为这可能更容易理解。
//可能如果你复制粘贴这将无法工作，但我认为这一部分是必要的。
如果（用户==来宾）{
x=0；
}else if（用户==用户）{
x=1；
}else if（用户==管理员）{
x=2；
}
//客人
如果（x==0）{
#alle.show；
}否则{
隐藏；
}
//使用者
如果（x==1）{
（“#用户”）.show；
}否则{
（“#用户”）.hide；
}
//管理员
如果（x==2）{
"行政"节目;；
}否则{
（管理）隐藏；
}

非常感谢，显示我在HTML开头或结尾引用了JS文件吗？在结尾，所有HTML元素都可用。