Как передать div в а?

Question

[Demon]

Как можно передовать div при наведении ссылки a

Пример:

<div id="uPeople"></div>

<div id="uPeople-online">
<a href="/">Name 1</a>
<a href="/">Name 2</a>
<a href="/">Name 3</a>
<a href="/">Name 4</a>
<a href="/">Name 5</a>
</div>

Суть проблемы: Как можно при наведении ссылок #uPeople-online a передать в нее div uPeople

Comments

[Antiless]

что вы понимаете под "передать div"?

Answer 1

[profesor08]

Собственно то что просили:

var links = document.querySelectorAll("#uPeople-online a");
var people = document.querySelector("#uPeople");
var link_default = [];
for(var i = 0; i < links.length; i++) {
  
  links[i].addEventListener("mouseenter", function() {
    this.appendChild(people);
  });
  
  links[i].addEventListener("mouseleave", function() {
    this.parentNode.parentNode.insertBefore(people, this.parentNode);
  });
  
}