[Viher]

Спасибо, работает! Но, только для стиля CSS. Как сделать цикл для такой конструкции?

<div data-add-back-btn=""><p>Блок 1</p></div>
<div data-add-back-btn=""><p>Блок 1</p></div>
<div data-add-back-btn=""><p>Блок 1</p></div>

var x = document.querySelector("div"); 
    x.onmouseover = function() {this.insertAdjacentHTML('afterbegin', '<span>В div перед p</span>')};
    x.onmouseout = function() {this.removeChild(x.childNodes[0])};

Работает только для первого div. Пробовал цикл for, не получилось.