9 - Accediendo a un conjunto de marcas HTML similares (getElementsByTagName)



Problema:Confeccionar una página que fije el color rojo a todos los párrafos.
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<p>Párrafo número 1.</p>
<p>Párrafo número 2.</p>
<p>Párrafo número 3.</p>
<p>Párrafo número 4.</p>
<p>Párrafo número 5.</p>
<p>Párrafo número 6.</p>
<input type="button" value="Cambiar Color" onClick="cambiarColor()">
</body>
</html>
function cambiarColor()
{
  var lista=document.getElementsByTagName('p');
  for(f=0;f<lista.length;f++)
  {
   lista[f].style.color='#ff0000';
  }
}
Ver solución


Retornar