JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="aList">
  <li class="apples">Apples</li>
  <li class="pudding">Banana Pudding</li>
  <li class="penpineapple">Pineapple</li>
</ul>

JavaScript

document.getElementById('aList')
  .children[0]
  .innerHTML = 'hello'

function upgradeEl(el) {

  const upgrade = {
    get children() {
      const children = el.children;
      return [].slice.apply(children);
    }
  }

  return Object.assign(Object.create(upgrade), el);;
}

var basket = upgradeEl(document.getElementById('aList'))
  .children
  .map(listItem => {
    return 'ALL APPLES';
  })

console.log(basket);