Question

点击后，我可以使用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";
}

Answer 1

您的脚本有拼写错误。 getElementsById具有Elements而不是Element。总是使用控制台的错误消息它会帮助你很多:)。干杯!!! 你的脚本应该是这样的。

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

Answer 2

示例： display:none至display:inline切换。

＆＃13;

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

＆＃13;

#red 
{
color:#fff;
background:red;
padding:8px 20px;
}

＆＃13;

<div id="red">RED (Click me)</div>

<button id="back">Back</button>

＆＃13;

您始终可以在控制台中查看错误并找出解决方案。

Answer 3

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

var things = ['i1', 'i2', 'i3', '...', 'i1000'];

r.expr(things).map(function(i) {
  return invokeIndexedSubQuery(i);
})

https://jsfiddle.net/cnzabf1a/

文档：

使用display：none后如何将元素恢复原状

3 个答案: