Question aux cadors JS

Entre ça :

window.addEventListener('load', () => {
  const images = document.getElementsByTagName('img');
  for (let i = 0; i < images.length; i++) {
    if (images[i].alt !== '') {
      images[i].classList.add('a42-ac-replace-img');
    }
  }
});

Et ça :

window.addEventListener('load', () => {
  const images = document.querySelectorAll('img:not([alt=""])');
  for (let i = 0; i < images.length; i++) {
    images[i].classList.add('a42-ac-replace-img');
  }
});

C’est quoi le :

  • Plus efficace ?
  • Rapide ?
  • Recommandé ?
  • Plus élégant ?

Les deux ayant pour fonction d’ajouter une classe a42-ac-replace-img aux balises images possédant un attribut alt non vide.

Par ailleurs, plutôt que :

for (let i = 0; i < images.length; i++) {
    images[i].classList.add('a42-ac-replace-img');
  }

Est-ce qu’il ne vaudrait mieux pas faire :

images.forEach(function(image) {
    image.classList.add('a42-ac-replace-img');
  });

Voilà, c’est tout pour ce matin :-)

Quant à cet après-midi, je pense qu’on peut même aller plus loin en utilisant la syntaxe ES6 :

window.addEventListener('load', () => {
  const images = document.querySelectorAll('img:not([alt=""])');
  images.forEach((image) => image.classList.add('a42-ac-replace-img'));
});

Ajouter un commentaire

Les commentaires peuvent être formatés en utilisant une syntaxe wiki simplifiée.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/14477

Haut de page