JSFiddle - React, Tailwind, and code Playground

by cou929

HTML

<div class="section">
    <button id="button">Append Nodes of Array</button>
    <div id="target"></div>
</div>

JavaScript

$('#button').on('click', function () {
    var fragment = document.createElement('div');
    fragment.innerHTML = '<p>1</p><p>2</p><p>3</p>';
    var nodes = fragment.children;
    // copy NodeList to Array
    var nodes_on_array = Array.prototype.slice.call(nodes);

    var target = document.getElementById('target');
    var i;
    for (i = 0; i < nodes_on_array.length; i++) {
        target.appendChild(nodes_on_array[i]);
    }
});