JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test"><div>

JavaScript

var list = new Array();
	
    // first loop create and store elements
	for (i = 1; i <= 5; i++) {
		
		var html = '<div id="test-' + i + '" style="float: left; border: 2px solid black; width: 50px; height: 50px; margin: 5px;">' + i + '</div>';
		
		document.getElementById('test').innerHTML += html;
		
		var element = document.getElementById('test-' + i);
		
		//console.log(element);
		
		list.push(element);
		
	}
	
    // second loop use stored elements
	for (index in list) {
		
		//console.log(list[ index ]);
		
		list[ index ].style.backgroundColor = 'yellow';
		
	}