Javascript 如何在使用display:none后恢复我的元素

单击按钮时，我可以用

display:none

隐藏我的div元素，但不能用

display:inline

将其取回

document.getElementById("red").onclick = function (){
    document.getElementById("red").style.display = "none";
}
document.getElementById("back").onclick = function () {
    document.getElementsById("red").style.display = "inline";
}

---

您好，您的脚本有打字错误。 getElementsById具有元素而不是元素。 始终使用控制台获取错误消息，这将对您有很大帮助：）。 干杯 您的脚本应该如下所示

 document.getElementById("red").onclick = function (){
    document.getElementById("red").style.display = "none";
       }
document.getElementById("back").onclick = function () {
    document.getElementById("red").style.display = "inline";
}

---

示例：

显示：无

到

显示：内联

切换

document.getElementById（“红色”）.onclick=function（）{
document.getElementById（“红色”）.style.display=“无”；
}
document.getElementById（“back”）.onclick=function（）{
document.getElementById（“红色”）.style.display=“内联”；
}

#红色
{
颜色：#fff；
背景：红色；
填充：8px 20px；
}

红色（单击我）
返回

我建议您使用类进行样式设置，并使用Element.addEventListener（）进行事件设置

var red = document.getElementById('red')
var back = document.getElementById('back')
red.addEventListener('click', function() {
    this.classList.add('hidden')
})
back.addEventListener('click', function() {
    red.classList.remove('hidden')
})

关于以下方面的文件：

---

getElementsById。。。？这是打字错误吗…？

getElementById

而不是

getElementsById

…您可以使用

visibility:hidden

来代替。第一步，检查控制台：

uncaughttypeerror:document.getElementsById不是一个函数

好吧，因为您没有共享任何HTML，这里的最小示例：：工作正常。。。