克隆DOM中的元素并更改属性，同时在javascript中重用它

我的代码如下

;(function(window){

    var description_window= document.querySelector('.mg_post_description');

    var $headings= document.querySelectorAll('.mg_blog_main_content h3');

    for (var i = $headings.length - 1; i >= 0; i--) {

        description_window.append($headings[i].cloneNode(true));
    };

})(window);

我可以将从“blog\u main\u contents”收集的h3更改为目标div中的“p”标记吗

感谢并问候

您可以迭代h3的子节点并将其附加到新段落元素：

var paragraph = document.createElement('p');
var headingChildren = $headings[i].cloneNode(true).childNodes;
for (var j = 0; j < headingChildren.length; j++) {
  paragraph.appendChild(headingChildren[j]);
}
description_window.append(paragraph);

我在本例中使用了insertAdjecentHtml，实际上并不需要jquery

for (let i = $headings.length - 1; i >= 0; --i) {
   description_window.insertAdjacentHTML("afterbegin","<p>"+ $headings[i].innerHTML + "</p>");
}; 

这是一张工作票