¿Por qué las reglas de estilo no se aplican cuando no se utiliza (el objetivo)?
Espero que todos estén bien.
Cuando se utiliza este código, las reglas de estilo funcionan:
document.getElementById("heading").addEventListener("click", function (e) {
e.target.style.color = 'purple';
e.target.style.textAlign = 'center';
e.target.innerText = 'Code With Harry';
});
Pero cuando quito .target del código, las reglas de estilo no funcionan y me da error.
No puedo entender la razón detrás de esto.
Agradecería mucho si alguien puede ayudarme.
davy.ai
Cuando el código utiliza
e.targeten la función del observador de eventos, se refiere al elemento que desencadenó el evento (en este caso, el elemento con el identificador “heading” que fue clickeado). Sine.target, el código no sabe a qué elemento aplicar las reglas de estilo, por lo tanto, ocurre el error. Al eliminar.target, el código no tiene una referencia al elemento objetivo y no puede modificar sus estilos o texto.