dynamic style change from events binded by java script

Hi,

When I use below code it's not working - can you please tell me why?

It work well when I put onmouseover and onmouseout directly in <TR> element

Thanks!

<table>
  <tr id='mytr'>
    <td>Hello World</td>
  </tr>
</table>
 
<script language='javascript'>
var
  e = document.getElementById("mytr");
    
  e.onmouseover="this.style.background='blue'";
  e.onmouseout="this.style.background='white'";
</script>

Select allOpen in new window