Question

我希望做一些简单的事情并且谷歌搜索没有产生我能理解的结果（我仍然是一个新手。）我希望将显示设置为无一个div，但后来让div回来了。我没有这样做。请参阅附件，我试过＆＃34;初始＆＃34;和＆＃34;重置＆＃34;但无济于事。有什么建议吗？

＆＃13;

function hideBtnClick(){
  innerBlock.style.display = "none";
}


function showBtnClick(){
  innerBlock.style.display = "reset";
}

＆＃13;

#outerBlock{
  width: 100%;
  height: 100px;
  background-color: #FFCC33;
}

#innerBlock{
  width: 50%;
  height: 50px;
  background-color: #FF0000;
  margin: 0 auto;
}

＆＃13;

<div id="outerBlock">
   <div id="innerBlock"></div>
</div>

<button type="button" onclick="hideBtnClick()">Hide</button>

<button type="button" onclick="showBtnClick()">Show</button>

＆＃13;

Answer 1

将此用于div：

innerBlock.style.display = "block";

或者这是一个范围：

innerBlock.style.display = "inline";

有关CSS显示选项的更多信息，请访问：

http://www.w3schools.com/cssref/pr_class_display.asp

使用标准JavaScript（ES脚本），您需要使用：

document.getElementById("innerBlock").style.display = "block";

Answer 2

您必须将重置更改为阻止

innerBlock.style.display = "block";

Answer 3

用于显示div：

document.getElementById("innerBlock").style.display = "block";

检查下面的代码段。工作正常

＆＃13;

function hideBtnClick(){
  document.getElementById("innerBlock").style.display = "none";
}


function showBtnClick(){
  document.getElementById("innerBlock").style.display = "block";
}

＆＃13;

#outerBlock{
  width: 100%;
  height: 100px;
  background-color: #FFCC33;
}

#innerBlock{
  width: 50%;
  height: 50px;
  background-color: #FF0000;
  margin: 0 auto;
}

＆＃13;

<div id="outerBlock">
   <div id="innerBlock"></div>
</div>

<button type="button" onclick="hideBtnClick()">Hide</button>

<button type="button" onclick="showBtnClick()">Show</button>

＆＃13;

Answer 4

在 display：none; 之后，我们可以使用标准javascript重新显示div元素

document.getElementById('div_ID').style.display = "block";

显示无后重新显示div

4 个答案: