voglio che quando ci passo con il mouse sopra il testo, mi spuntasse nel console.log l'elemento preso


<style>
li{border:solid black}
</style>
<?php
/*
$directory = "../";

$resource = opendir($directory);

readdir($resource);

print_r($resource);
*/


/*
$result = glob("../");
print_r($result);
*/
$dir = "../..";


if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
echo "<li>".$file."</li>"."<br>";
}
closedir($dh);
}
}
?>

<script type="text/javascript">
el = document.getElementsByTagName("li");

for(x=0; x<=el.length; x++){
console.log(el[x]);
testo = el[x].innerText;
testo.addEventListener("mouseover", function(){
console.log(el[x]);
});
}
</script>


ma mi da sto errore

TypeError: testo.addEventListener is not a function[Ulteriori informazioni]