6 - Accediendo a un nodo de texto de una marca HTML (childNodes - nodeValue)


Definir una marca h1 con el texto "1". Luego, en forma dinámica rescatar el valor que tiene el nodo de texto, convertirlo a entero con la función parseInt de JavaScript, sumarle uno y finalmente asignárselo a la propiedad nodeValue del nodo de texto (es decir mostramos un contador).
<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<h1 id="contador">1</h1> 
<input type="button" value="Incrementar en uno" onClick="sumarUno()">
</body>
</html>
function sumarUno()
{
  var obj=document.getElementById('contador');
  obj.childNodes[0].nodeValue=parseInt(obj.childNodes[0].nodeValue)+1;
}

Ver solución
pagina1.html



funciones.js