Javascript用語集

5-3イメージの切り替え

マッチする要素を全て取得する

document.querySelectorAll('CSSセレクタ')

例：const thumbs = document.querySelectprAll('.thumb');

配列の各項目を繰り返し処理する(forEachメソッド)

配列.forEach(function(item,index){
　　処理内容をここに書く
});

Javascriptでdata-なんでも属性の値を切り替える

<タグ名　data-A(自由に決めて良い) = "img1.jpg">

取得した要素.dataset.A

item.onclick =function(){
  console.log(this.dataset.image);
}

属性の書き換えについて

属性の値を読み取る

取得した要素.属性

属性の値を書き換える

取得した要素.属性　= 値;