CSS：要素のstyleを使う

マウスが文字の範囲に入ると色が変わります。

上の例は要素のstyleを使ってスタイルを変更します。 
<!DOCTYPE html>
<html>
<head>
  <meta charset='UTF-8' />
  <title>sample</title>

<script>
  window.onload = function() {
    var elm = document.getElementById('txt');
    elm.onmouseover = function(){
      elm.style.color = 'blue';
    };
    elm.onmouseout = function(){
      elm.style.color = 'black';
    };
  };
  </script>
</head>
<body>
<p id="txt">マウスが文字の範囲に入ると色が変わります。
</body>
</html>


style.colorは,<p style="color : red">と同じ意味合いです。
他のスタイルも同様に適用できます。