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

2021年1月26日公開・2021年10月23日更新

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]);
}

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

まあまあ

ぜんぜん

ヤフーに戻ります