Добавить HTML код кнопки в блок div

@Viher · Регистрация: 25.02.2017

Author24 — интернет-сервис помощи студентам

Добавить HTML код кнопки в блок div при наведении курсора мыши.

Например, у меня есть код блока div

HTML5

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

После наведения курсора мыши должен добавляться HTML код кнопки:

HTML5

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

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

HTML5

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

Подскажите DOM JavaScript который это сделает?

Пожалуйста не пишите типа display:none; - этот CSS не добавляет и не убирает код HTML, а прячит.

@mrtoxas · 26.02.2017, 12:14

HTML5

1	<div class="html" onmouseover="show(this)" onmouseout="hid(this)">текст</div>

Javascript

function show(el) {
  if (!el.children[0]) {
    var node = document.createElement('BUTTON');
    var textnode = document.createTextNode('Кнопка');
    node.appendChild(textnode);
    el.insertBefore(node, el.childNodes[0])
  }
}
function hid(el) {
  el.removeChild(el.childNodes[0]);
}

@kalabuni · 27.02.2017, 10:58

Viher, пожалуйста не пишите более несуществующих в русском языке слов типа "прячит"

воспользуйтесь словарём, где найдёте слово "прячет"

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	27.02.2017, 10:58	3
	Viher, пожалуйста не пишите более несуществующих в русском языке слов типа "прячит" воспользуйтесь словарём, где найдёте слово "прячет" 0

Добавить HTML код кнопки в блок div

Решение