J'aimerai récupérer l'ID de l'image sur laquelle j'ai cliquée, en javascript, pour après changer son style. Mais je ne sais pas trop comment faire. Est ce que quelqu'un peut m'éclairer ?
Bonjour en principe tu peut juste sélectionnés toutes les images en javascript posé un écouteur de click sur chacune d'elle et écrire la fonction de rappel, si tu veut juste changé la mise en forme (le CSS) tu peut ajouté/supprimmé des class sur les image via javascript et dans un fichier css préparé les class qui mettent en forme l'image pour de pas écrire directement le CSS via des set styles en Javascript.
document.addEventListener('DOMContentLoaded', () => {
const images = document.querySelectorAll('.image');
images.forEach(image => (
image.addEventListener('click', function(event) {
const clickedImage = this;
console.log(this.id);
// ajoute une class css pour changé le style de l'image
// this.classList.add('style-class');
// this.classList.remove('class-name')
// this.classList.toggle('class-name');
// <https://developer.mozilla.org/fr/docs/Web/API/Element/classList>
})
))
});
suggestion de présentation.
Récupérer ID d'une image au clic
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
suggestion de présentation.