JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="1">
    <tr onmouseover=mo(this,1) onmouseout=mo(this,0)>
   <td>index<span></span></td>
</tr>
 <tr onmouseover=mo(this,1) onmouseout=mo(this,0)>
   <td>local<span></span></td>
</tr>
 <tr >
   <td>OK<span>&nbsp;&nbsp;<a href="http://google.ru">DEL</a>&nbsp;&nbsp;&nbsp;<a href="edit">EDIT</a></span></td>
</tr>
</table>

JavaScript

function mo(e,a){
if(a==1)
  e.getElementsByTagName('span')[0].innerHTML='&nbsp;&nbsp;<a href="http://google.ru">DEL</a>&nbsp;&nbsp;&nbsp;<a href="edit">EDIT</a>';
else
  if(event.toElement.tagName!='A')
    e.getElementsByTagName('span')[0].innerHTML='';
}