JSFiddle - React, Tailwind, and code Playground

by Alexey Demin

HTML

<div>
  <p id="elem1" class="text-red">One</p>
  <p id="elem2" class="text-red">Two</p>
  <p id="elem3" class="text-red">Three</p>
</div>

CSS

p {
  padding: 1px 2px;
  margin: 1px;
  border: 1px solid grey;
}

.text-red { color: red; }
.text-blue { color: blue; }

JavaScript

console.clear();

var elemIds = ["elem1","elem2","elem3"];

for(var i = 0; i < elemIds.length; i++){
  var elem = document.getElementById(elemIds[i]);
  elem.insertAdjacentHTML('afterend', '<p class="text-blue">' + elem.innerText + '*</p>');
}