Así que traté de hacer una función de modo de luz. Pero para hacer eso, necesito cambiar el color de algunos elementos, pero les he asignado clases. ¿Alguien me dice cómo usar la función document.getElementsByClassName() para cambiar el color de los elementos asignados a esa clase?
Intenté hacer esto (ver el segundo fragmento de código) pero solo afecta 1 elemento. Tengo 2 del mismo elemento con la misma clase en una página.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>title</title> <style> .myH1{ color:black; </head> <body> <script> function lightMode(){ document.body.style.background = "white"; document.getElementsByClassName("myH1").style.color="blue"; </script> <h1 class="myH1">Header</h1> <button onclick="lightMode()">☀</button> </body> </html> function lightMode() document.body.style.background="white"; const element = document.getElementsByClassName("myH1") element.style.color="black";