[ruslan_mart]

function mouseEnter() {
    this.insertAdjacentHTML('afterbegin', '<span>В div перед p</span>')
}
 
function mouseLeave() {
    this.removeChild(this.childNodes[0])
}


var div = document.querySelectorAll('div[data-add-back-btn]');

for(var i = 0; i < div.length; i++) {
   div[i].addEventListener('mouseenter', mouseEnter);
   div[i].addEventListener('mouseleave', mouseLeave);
}

P.S.: то что Вы хотите реализовать - можно сделать с помощью CSS.

div[data-add-back-btn]::before {
    content: 'В div перед p';
    display: none;
}
div[data-add-back-btn]:hover::before {
    display: inline;
}