JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
JavaScript
var lis = document.querySelectorAll('ul > li');
var contents = [].map.call(lis, function (li, i) {
return li.innerHTML;
}).reverse().forEach(function (content, i) {
lis[i].innerHTML = content;
});