4 - Accediendo a los nodos hijos de un elemento HTML(childNodes)




Problema:Desarrollar una página que contenga dos div con dos párrafos cada uno. El primer div escribir todos su contenido en la misma línea, sin presionar la tecla "enter" o "entrada". El segundo div escribir los párrafos en líneas distintas.
Mostrar cuando se presione un botón la cantidad de nodos hijos de cada div.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head><body>
<div id="bloque1"><p>Este es el primer párrafo</p><p>Este es el segundo párrafo</p></div>
<div id="bloque2">
<p>Este es el primer párrafo</p>
<p>Este es el segundo párrafo</p>
</div>
<input type="button" value="Cantidad de nodos hijo" onClick="cantidadHijos()">
</body>
</html>
function cantidadHijos()
{
  var objeto1=document.getElementById('bloque1');
  alert('La cantidad de hijos del primer div es:'+objeto1.childNodes.length);  
  var objeto2=document.getElementById('bloque2');
  alert('La cantidad de hijos del segundo div es:'+objeto2.childNodes.length);  
}
Ver solución


Retornar