Data-attribute list to array

Question

I have:

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

How can i get images listed in data-list to array varible?

Ori Drori · Accepted Answer · 2017-11-13 08:47:33Z

1

Get the data from the img, format it as a JSON, and use JSON#parse to convert it to an array:

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">

answered Nov 13, 2017 at 8:47

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1