:hover和onmouseover、onmouseout

两者一个是用过css达到效果，一个是通过js达到效果。需要灵活使用。
若是使用css是这样的

<style>
  tr:hover {
    font-weight: bold;
  }
</style>

如果使用JS是这样的

function highlightRows() {
  if(!document.getElementsByTagName) return false;
  var rows = document.getElementsByTagName("tr");
  for (var i=0; i<rows.length; i++) {
    rows[i].onmouseover = function() {
      this.style.fontWeight = "bold";
    }
    rows[i].onmouseout = function() {
      this.style.fontWeight = "normal";
    }
  }
}

明显，使用js写的多。但用css可能存在兼容问题，但2020年了，还会不兼容？果然还是用css吧！