me gusta mas esta solucion.. ademas asi pueden ver el poder de CSS y trabajar con div..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>punto por coma</title>
</head>
<script type="text/javascript">
function cambiapunto(id)
{
document.getElementById(id).value = document.getElementById(id).value.replace('.',',')
}
function cambiacoma(id)
{
document.getElementById(id).value = document.getElementById(id).value.replace(',','.')
}
</script>
<body>
<div align="center">
<div align="center" style="color:#000099; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;">Cambia . por ,</div>
<br/><br/>
<input name="numero" id="numero" value="3.54" style="width:50px; text-align:center;"/><br/><br/><br/>
<div align="center">
<button onclick="cambiapunto('numero')">" , "</button>
<button onclick="cambiacoma('numero')" style="margin-left:10px;">" . "</button>
</div>
</div>
</body>
</html>
Usuarios: 
