Duda con la interacción entre Javascript y CSS

[bathorz]

Con llamada a función:

Código Javascript:

<script type="text/javascript">
 
      var hoy = new Date();
      var any = hoy.getFullYear();
 
      function vistaanual(any) {
        if (document.getElementById("main")) {
          document.body.removeChild(document.getElementById("main"));
        }
 
        var html = '';
        html += "<div id=\"main\">";
        html += "<input type=\"button\" id=\"btn_any_ant\" value=" + parseInt(any - 1) + "></button>";
        html += "<h1 id=\"anio\">" + any + "</h1>";
        html += "<input type=\"button\" id=\"btn_any_sgt\" value=" + parseInt(any + 1) + "></button>";
        html += "</div>";
 
        document.body.innerHTML = html;
 
        document.getElementById('btn_any_ant').addEventListener('click', function() {
          vistaanual(any - 1);
        }, false);
 
        document.getElementById('btn_any_sgt').addEventListener('click', function() {
          vistaanual(any + 1);
        }, false);
 
      }
 
      window.addEventListener("load", function() {
        vistaanual(any);
      }, false);
    </script>