Question

我正在尝试使用JavaScript获取具有CSS类“资产”的页面上每个图像的ID，并将ID分配给新数组。

我可以使用下面的图像获取所有图像，但是我需要将ID放入新的数组中。

var image_ids = document.getElementsByClassName("asset");

Answer 1

Array.from怎么样？

const ids = Array.from(
  document.getElementsByClassName("asset"),
  ({ id }) => id
);

Answer 2

由于getElementsByClassName返回一个可迭代对象，因此可以使用扩展运算符：

[...document.getElementsByClassName('asset')].map(({id}) => id);

Answer 3

这对我有用，尤其是对于IE9而言：

    var imageClassList = document.getElementsByClassName("asset");
    var imageIdList = new Array();

    for (var i = 0, n = imageClassList.length; i < n; ++i) {
        var el = imageClassList[i];
        if (el.id) { imageIdList.push(el.id); }
    }

通过类名称获取图像的每个ID

3 个答案: