После наведения курсора на блок div добавить в него нопку
 

На странице есть несколько блоков div. Как после наведения курсора на блок div внутри него появилась кнопка HTML.

Сейчас у меня на странице так

<div class="html">текст</div>

...

Какой нужен JavaScript чтобы появилась кнопка после наведения курсора,
а если убрал курсор - исчезла, и всё стало как до наведения курсора.

Навёл курсор на блок:

<div class="html"><button>Кнопка</button>текст</div>

Убрал курсор с блока:

<div class="html">текст</div>

Как вариант, но с картинками:

<img src="прозрачная картинка" onmouseover="this.src='картинка кнопка'" onmouseout="this.src='прозрачная картинка'">

Нужны не картинки, а код html

5 минут

<div class='holder'>
<div class='block'>какой-то текст</div>
<div class="html"><button> нопка</button></div>


<style>
.holder{
position:relative;
padding:20px;
width:100px;
height:50px;
border: #000000 solid 1px;
}
.html{
position:absolute;
left:0;
top:0;
right:0;


display:none;
}

.holder:hover .html{
display:block;
padding:20px;
}

.holder:hover .block{
display:none;
}
</style>

Andrey_55 мне его не скрыть/показать надо. Мне нужен HTML код кнопки добавить при наведении курсора, убрать если курсор не наведён. И причем здесь CSS не могу понять. Нужен JavaScript!!!

при наведении на блок появляется кнопка....убираешь курсор - исчезает! css это реализовывает!

Она никуда не исчезает, а скрывается. Ладно забудь. Спрошу на другом форуме.

Ну, если это принципиально, исчезает или скрывается...