Как показать кнопку после нажатия на пробел?

Question

Я бы хотел (а) скрыть эту кнопку и показать ее после .

Как я могу это показать?

<textarea id="AtD_0" class="spellcheck_textarea " name="txtPosComment" 
rows="7" style="height: 129px;"></textarea> 

<span id="AtD_1"> 
<span class="AtD_proofread_button"></span> 
</span> 

<button type="button" id="btnNext" >Next1 </button> 

/* css */ 
.AtD_proofread_button 
{ 
    width: 126px; 
    height: 30px; 
    background-image: url('writing.gif'); 
    display: block; 
    margin: 0; 
    padding: 0; 
} 

Answer 1

Первый набор CSS никому

button#btnNext{ 
    display:none; 
    } 

Нанести OnClick слушателя на пролете

<span class="AtD_proofread_button" onclick="showButton()"></span> 

Наконец функцию:

function showButton(){ 
document.getElementById("btnNext").style.display = "block"; 
} 

Answer 2

можно скрыть и показать что-то во многих способами, такими как:

1. display: none;, который действует так, как если бы элемент не был на странице.
2. visibility: hidden; который делает элемент полностью прозрачным.
3. position: absolute; и изменить top и left, чтобы переместить его с экрана.

Вы можете изменить стиль элемента JavaScript с помощью element.style.propertyName = value. Например:

document.getElementById("myButton").style.display = "none";