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

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

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

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

はい（以下をポチッと）

ぜんぜん

ヤフーに戻ります