domingo, 30 de octubre de 2016

getElementById

Veamos un ejemplo de como usar getElemenById. Pulsando sobre los botones podemos cambiar el color del texto.


El código HTML+JS es el siguiente.

 <!DOCTYPE html>  
 <html>  
 <head>  
  <title>getElementById example</title>  
  <script>  
  function changeColor(newColor) {  
   var elem = document.getElementById("miTexto");  
   elem.style.color = newColor;  
  }  
  </script>  
 </head>  
 <body>  
  <p id="miTexto">Don't like mondays</p>  
  <button onclick="changeColor('blue');">blue</button>  
  <button onclick="changeColor('red');">red</button>  
 </body>  
 </html>  

Puedes ver el programa funcionando en el siguiente enlace.

No hay comentarios:

Publicar un comentario