BeerSliderを同じページ内に複数設置するときの初期化方法【JavaScript】

2021年1月26日公開・2022年1月15日更新

この記事は最終更新から1年以上経過しています。内容が古くなっているかもしれません。。

jQueryなしでBeerSliderをページ内に複数設置したときにまとめて初期化するコードメモ。ID要素は不要。

querySelector版

document.querySelectorAll('.beer-slider').forEach(function(element){
  new BeerSlider(element);
});

getElementsByClassName版

let beer = document.getElementsByClassName("beer-slider");
for(let i = 0; i < beer.length; i++){
  new BeerSlider(beer[i]);
}

この記事はお役に立てましたか？

はい

いいえ

ヤフーに戻ります