Intenté usar querySelector All. Agregué onclick al botón. E hice una función y quería cambiar el fondo de divs. pero no funciona incluso si hice clic en el botón. quiero saber que estoy haciendo mal
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="stil.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <button type="button" onclick="basla()">TIKLA</button> I ADDED ONCLİCK TO START FUNCTION <div id="kutu1" class="kutu"></div> <div id="kutu2" class="kutu"></div> <div id="kutu3" class="kutu"></div> <script> function basla () { var kutular = document.querySelectorAll(".kutu"); kutular.style.background = "white"; } </script> </body> </html>document.querySelectorAll devuelve una lista de NodeList . No puede acceder a .style en NodeList directamente.
var kutular = document.querySelectorAll(".kutu"); kutular.style.background = "white"; // ❌ Debe iterar sobre la lista de nodos resultante usando for..of
var kutular = document.querySelectorAll(".kutu"); for (const elem of kutular) { elem.style.background = "white"; // ✅ }