JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">node 1</div>
<div class="test">node 2</div>
<div class="test">node 3</div>

<ul id="result"></ul>

JavaScript

const divs = document.querySelectorAll('.test');
const result = document.getElementById('result');

[].slice.call(divs).forEach((element) => {
	let item = document.createElement('li');
  item.innerText = `with slice - ${element.innerText}`;
	result.appendChild(item);
});

divs.forEach((element) => {
  let item = document.createElement('li');
  item.innerText = `without slice - ${element.innerText}`;
	result.appendChild(item);
});