Este es tu script con algunos cambios. Tal vez te ayude a encontrar la solución:
Código HTML:
Ver original<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> @charset "utf-8";
body{
font-family: Arial;
font-size: 15px;
}
h1{
text-align: center;
display: inline;
margin: 0 40px;
}
#main{ border: solid 1px;
width: 90%;
margin: 0 auto;
text-align: center;
background-color:#F2F2F2;
}
<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"));
document.write("
<div id=\"main\">");
document.write("
<input type=\"button\" id=\"btn_any_ant\" value=" + parseInt(any - 1) + "></button>");
document.write("
<h1 id=\"anio\">" + any + "
</h1>");
document.write("
<input type=\"button\" id=\"btn_any_sgt\" value=" + parseInt(any + 1) + "></button>");
document.write("
</div>"); // Cierro el div del main
//
document.getElementById('btn_any_ant').addEventListener('click', function() {
document.getElementById('anio').innerHTML = parseInt(any - 1);
var ant = any - 1;
document.getElementById('btn_any_ant').value = parseInt(ant - 1);
// el otro
document.getElementById('btn_any_sgt').value = parseInt(any);
any -= 1;
}, false);
document.getElementById('btn_any_sgt').addEventListener('click', function() {
document.getElementById('anio').innerHTML = parseInt(any + 1);
var sig = any + 1;
document.getElementById('btn_any_sgt').value = parseInt(sig + 1);
// el otro
document.getElementById('btn_any_ant').value = parseInt(any);
any += 1;
}, false);
}
window.addEventListener('load', vistaanual(any), false);