Quiero que la variable dom se actualice cada vez que se agregue o elimine una nota secundaria. Proporcione lo siguiente como un código de muestra. En realidad, estoy enfrentando el error en mi aplicación de chat.
Entonces, a continuación, quiero que el último elemento dom que se agrega para obtener el fondo de color azul.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test</title> </head> <style> .master { display: flex; flex-wrap: wrap; gap: 10px; } .tile { width: 160px; height: 160px; border: 1px solid black; } </style> <body> <div class="master"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <button id="btn">AddColor</button> <script> var master = document.getElementsByClassName('master')[0]; var tiles = document.getElementsByClassName('tile'); for(const singleTile of tiles) { singleTile.style.backgroundColor = "blue"; } let btn = document.getElementById('btn');`enter code hereenter code here let newDiv = document.createElement('div'); newDiv.className = 'tile'; btn.addEventListener('click', () => { master.append(newDiv) }) </script> </body> </html>