数据属性列表到数组

Question

我有：

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

如何将数据列表中列出的图像变为数组变量？

Answer 1

从img获取数据，将其格式化为JSON，并使用JSON＃parse将其转换为数组：

＆＃13;

＆＃13;

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

console.log(array);

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;