Estoy recorriendo 10 divs con la misma clase para agregar controladores de eventos que deberían cambiar el borde con un clic del mouse. Estoy usando getElementsByClassName. No hay respuesta al clic en ninguno de los divs. La función simple funcionó en otro div en un controlador de eventos.
el html:
<div class="note-small"> <p>blah</p> </div>Usé este JS de vainilla:
const note_small_class = document.getElementsByClassName('note-small'); for (let i=0; i < note_small_class.length; i++) { note_small_class[i].addEventListener('click', () => { highlightNote(note_small_class[i]); }) }; function highlightNote(note) { note.style.background.color = 'red'; };note_small_class se muestra como un objeto (colección HTML) en la consola. Algo no funciona, agradecería cualquier ayuda. Gracias.
note.style.background.color = 'red'; Parece que hay un problema con lo que está configurando para que sea el estilo, la propiedad debe ser backgroundColor , no background.color , intente esto:
note.style.backgroundColor = 'red';