Programmatically using onmouseover for an element added with appendChild

Question

I am using this code to add a row to a table usign js:

var tbody = document.getElementById('tableID').getElementsByTagName('tbody')[0];

var row = document.createElement("TR");
tbody.appendChild(row);

I want to use onmouseover on that TR to make it change the background color, how can I do that?

Answer 1

row.onmouseover = function() { this.style.backgroundColor = "Green"; };