JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <ul><li>test</li><li>test2</li><li>test3</li><li>test4</li></ul>
</div>

JavaScript

var elems = document.getElementById("test").getElementsByTagName("li");
for(var i =0; i < elems.length; i++){
    elems[i].onmouseover= function(e){
       alert(e.target.childNodes[0].textContent);
    }
}