JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">
    <p>a</p>
    <p>b</p>
    <!-- c -->
</div>

JavaScript

var foo = document.querySelector('#foo');

/**
 * Return direct children elements.
 *
 * @param {HTMLElement}
 * @return {Array}
 */
function elementChildren (element) {
    var childNodes = element.childNodes,
        children = [],
        i = childNodes.length;
    
    while (i--) {
        if (childNodes[i].nodeType == 1) {
            children.unshift(childNodes[i]);
        }
    }

    return children;
}

console.log(elementChildren(foo));