如何在Javascript中使用此方法显示和隐藏DIV？

我试图用一个按钮来显示和隐藏一个DIV，我已经用数据文本交换方法（我在网上找到）编程了这个按钮来改变文本。我的DIV在CSS中设置为“display:none”，但我想使用Javascript来更改它。我在代码中做错了什么

var showMixerBtn=document.getElementById（“showMixer”）；
showMixerBtn.addEventListener（“单击”，showMixerBtnActions）；
函数showMixerBtnActions（）{
if（showMixerBtn.getAttribute（“数据文本交换”）==showMixerBtn.innerHTML）{
showMixerBtn.innerHTML=showMixerBtn.getAttribute（“原始数据文本”）；
}
否则{
showMixerBtn.setAttribute（“原始数据文本”，showMixerBtn.innerHTML）；
showMixerBtn.innerHTML=showMixerBtn.getAttribute（“数据文本交换”）；
}
}
var mixerSliders=document.getElementById（“mixerSliders”）；
mixerSliders.addEventListener（“单击”，显示MixerActions）；
函数showmixerations（）{
if（showMixerBtn.getAttribute（“原始数据文本”））{
mixerSliders.style.display=“块”；
}
否则{
mixerSliders.style.display=“无”；
}
}

div#混合器滑块{
显示：无；
}

显示混音器

var showMixerBtn=document.getElementById（“showMixer”）；
showMixerBtn.addEventListener（“单击”，showMixerBtnActions）；
函数showMixerBtnActions（）{
if（showMixerBtn.getAttribute（“数据文本交换”）==showMixerBtn.innerHTML）{
showMixerBtn.innerHTML=showMixerBtn.getAttribute（“原始数据文本”）；
mixerSliders.style.display=“无”；
}
否则{
showMixerBtn.setAttribute（“原始数据文本”，showMixerBtn.innerHTML）；
showMixerBtn.innerHTML=showMixerBtn.getAttribute（“数据文本交换”）；
mixerSliders.style.display=“块”；
}
}

div#混合器滑块{
显示：无；
}
盖恩斯里德斯先生{
边框：2件镶棕色；
}

显示混音器

我做了不同的选择，而不是使用display none，因为您使用的是jquery，您可以使用切换功能，这将简化操作

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
var el=$（本）；
el.text（）==el.data（“文本交换”）
？el.文本（el.数据（“文本原件”））
：el.text（el.data（“文本交换”））；
$（“p”）.toggle（）；
});
});

如果你点击“隐藏”按钮，我将消失

隐藏
混合器滑块在哪里？请添加相关代码以复制您的问题..现在添加道歉您的“mixerSliders”元素在默认情况下不会基于CSS显示。因此，用户永远无法触发此“mixerSliders.addEventListener”（“单击”，showMixerActions）；“用于显示和隐藏滑块的侦听器已添加到滑块本身。当它被隐藏时，用户如何单击它使其显示？滑块的显示需要绑定到show/hide按钮（将其作为第一个函数的一部分将是最简单的解决方案）@shokulei如果我删除CSS代码，它仍然不起作用，但我希望混合器滑块最初显示：当页面加载Hanks时，默认情况下无，由于这是针对uni分配的实践，我只允许使用纯javascript，但在将来的编码中将记住这一点