Redisplay div после отображения нет

Question

Я надеюсь сделать что-то простое и googling не дал результатов, которые я мог понять (я все еще что-то новичок). Я надеюсь установить отображение никому для 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>

Answer 1

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

innerBlock.style.display = "block"; 

Answer 2

Используйте это для 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"; 

Answer 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>