Возможно ли скопировать тег html со всеми внутренними тегами и вставить в другой тег в wordpress с помощью javascript?

Question

[Денис]

Здравствуйте, возможно ли скопировать html тег с внутренними тегами и вставить в другой тег с помощью javascript? На wordpress?

Например:

<!--Этот блок кода html скопировать-->
<div class="asdasd">
  <div class="asdasd">
    <div class="asdasd">
      blabla
    </div>
  </div>
</div>

<!--И вставить в этот тег ниже который-->
<div class="dsadsa"></div>

Answer 1

[Егор Данченко]

HTML:

<div class="asdasd-1">
  <div class="asdasd">
    <div class="asdasd">
      <div class="asdasd">
        blabla
      </div>
    </div>
  </div>
</div>

<div class="dsadsa"></div>

JS:

const contentNode = document.querySelector('.asdasd-1');
const output = document.querySelector('.dsadsa');

output.innerHTML = contentNode.innerHTML;

Comments

[Денис]

хмм почему этот код не хочет работать в wordpress?

[Егор Данченко]

Денис, этот код везде будет работать, если вставить его правильно :)
Попробуйте этот вариант

document.addEventListener('DOMContentLoaded', function () {
  const contentNode = document.querySelector('.asdasd-1');
  const output = document.querySelector('.dsadsa');

  output.innerHTML = contentNode.innerHTML;  
});