使用复选框和javascript更改CSS值

我正试图使用javascript根据复选框的状态隐藏和显示一个div，但我似乎没有弄对。我对js不是很有经验，所以我可能会错过一些非常明显的东西。任何建议都将不胜感激。目标div是html代码后半部分中的on-toggle div

var checkbox=document.querySelector（“输入[name=toggle]”）；
checkbox.addEventListener（'change'，function（）{
如果（选中此项）{
document.getElementById（“打开切换”）.style.display=“块”；
document.getElementById（“打开切换”）.style.height=“自动”；
}否则{
document.getElementById（“打开切换”）.style.display=“无”；
document.getElementById（“打开切换”）.style.height=“0”；
}

激发创造力
参考站点

您需要获取一个实际的元素，这样您的javascript代码才能工作当前不存在于html代码的任何元素上。

您尝试切换哪个元素？您的脚本表明它将在切换时使用id

，但您的html没有此元素，或者实际上没有任何类似的id。是的，对不起，元素确实存在于我的代码中。它包含一个按钮和图像网格。我忘记在我的代码中添加代码段很抱歉，我忘了在中添加该代码段。ID确实存在，并且包含按钮和图像的网格。