用JavaScript改变HTML样式问题

<h2 id="con">I Hate JavaScript</H2>

  <p>文本内容</p>

  <script type="text/javascript">

    var mychar= document.getElementById("con");

    con.style.color="#fff";

    con.style.backgroundColor="#f60";

    con.style.width="300px";

    con.style.height="30px";

    mychar.innerHTML="I LOVE JAVASCRIPT";

【上方的改变风格那里，发现用id名con也行，那到时候是用id名合适，还是变量名mychar合适？】