データ属性リスト配列

Question

に私が持っている：

<img id="img" data-list="['image2.jpg', 'image3.jpg', 'image4.jpg']" src="image1.jpg"> 

私は、配列varibleにデータ・リストに記載されている画像を取得できますか？

Answer 1

は、imgからデータを取得するJSONとしてフォーマットして、アレイに変換するJSON位の解析を使用する：

var img = document.querySelector('#img'); 
 
var array = JSON.parse(img.dataset.list.replace(/'/g, '"')); 
 

 
console.log(array);

<img id="img" data-list="['image2.jpg', 'image3.jpg', 'image4.jpg']" src="image1.jpg">