5 - Accediendo a un nodo de texto de un elemento HTML (childNodes - nodeValue)



Problema:Definir un elemento 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).
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</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


Retornar