Блог

Главная - Вопросы по программированию - Повторное отображение div после отображения none

Повторное отображение div после отображения none

#css #display

#css #отображение

Вопрос:

Я надеюсь сделать что-то простое, и поиск в Google не дал результатов, которые я мог понять (я все еще новичок.) Я надеюсь установить для div значение display равным none, но затем позже вернуть этот div. Мне не удается этого сделать. Смотрите прикрепленный фрагмент, я пробовал «Начальный» и «Сброс», но безрезультатно. Есть предложения?

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


function showBtnClick(){
  innerBlock.style.display = "reset";
}  
 #outerBlock{
  width: 100%;
  height: 100px;
  background-color: #FFCC33;
}

#innerBlock{
  width: 50%;
  height: 50px;
  background-color: #FF0000;
  margin: 0 auto;
}  
 <div id="outerBlock">
   <div id="innerBlock"></div>
</div>

<button type="button" onclick="hideBtnClick()">Hide</button>

<button type="button" onclick="showBtnClick()">Show</button>

Ответ №1:

Используйте это для div:

 innerBlock.style.display = "block";

Или это для промежутка:

 innerBlock.style.display = "inline";

Для получения дополнительной информации о параметрах отображения CSS посетите:

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

Используя стандартный JavaScript (ES Script), вам нужно будет использовать:

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

Ответ №2:

Вы должны изменить сброс на блокировку

 innerBlock.style.display = "block";

Ответ №3:

Используйте это для отображения div :

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

проверьте фрагмент ниже. все работает нормально

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


function showBtnClick(){
  document.getElementById("innerBlock").style.display = "block";
}  
 #outerBlock{
  width: 100%;
  height: 100px;
  background-color: #FFCC33;
}

#innerBlock{
  width: 50%;
  height: 50px;
  background-color: #FF0000;
  margin: 0 auto;
}  
 <div id="outerBlock">
   <div id="innerBlock"></div>
</div>

<button type="button" onclick="hideBtnClick()">Hide</button>

<button type="button" onclick="showBtnClick()">Show</button>

Ответ №4:

После отображения: none; мы можем повторно отобразить элемент div, используя стандартный javascript

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