Tema: como puedo cambiar la clase en todos los div con javascript
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 18/12/2011, 19:02
Avatar de jor_0203
jor_0203
 
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 8
Respuesta: como puedo cambiar la clase en todos los div con javascript
Cita:
Iniciado por emprear Ver Mensaje
La función cambia cualquier elemento que tenga la clase .uno, asignándole la clase .nuevocolor (esta última tine que estar en tu css)


Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Cambiar estilo en clases</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. .uno {
  10. color: blue;
  11. }
  12. .nuevocolor {
  13. color: green;
  14. }
  15. /*]]>*/
  16. </style>
  17. <script type="text/javascript">
  18. //<![CDATA[
  19. function procesarSelector(){
  20. [].slice.call(document.querySelectorAll('.uno')).forEach(function(elemento){ 
  21.     elemento.className += ' nuevocolor'; 
  22. });
  23. }
  24. //]]>
  25. </script>
  26. </head>
  27. <body>
  28. <div class="uno">
  29. Texto 1
  30. </div>
  31. <div class="dos">
  32. Texto 2
  33. </div>
  34. <div class="uno">
  35. Texto 3
  36. </div>
  37. <div class="dos">
  38. Texto 4
  39. </div>
  40. <p class="uno">
  41. Texto 5 (en un párrafo)
  42. </p>
  43. <p>
  44. <button onclick="procesarSelector();">buscar tags con class uno y cambiar el color</button>
  45. </p> 
  46. </body>
  47. </html>

Podrías hacer que cambie todos las etiquetas "div", pero es má flexible si le das una clase específica a los elementos que querés cambiar.

Saludos
lo voy a probar hoy
mil gracias estoy impresionado
que dios te bendiga