Преобразовать jQuery строку в JavaScript

Question

У меня есть некоторый код HTML, который я использую во всплывающем окне, которое содержит изображение, текст и кнопку, закрывающую всплывающее окно.

Вот HTML:

<div id="popupHuawei">
  <h2 id="titlePopup">
    *Title here*
  </h2>
  <img class="huaweiPopupImg" src="imgHere">
  <div class="popupContentArea">
    <div class="popupText">
      *Text here*
    </div>
    </br>
  </div>
  <a class="lesMer" href="Link">*Link text*
  </a>
</div>

И изначально кнопка, которую я переместил, находится за пределами всей структуры, которую я только что опубликовал, но мне нужно, чтобы она была внутри #popupHuawei, поэтому я использовал этот код для этого:

$(".dy-lb-close").appendTo("#popupHuawei");

Как переместить эту кнопку с ванили JavaScript вместо jQuery?

Answer 1

Попробуйте использовать это:

document.querySelector('#popupHuawei').appendChild(document.querySelector('.dy-lb-close')

Вот ссылка на официальную документацию appendChild()