javascript - 将图像放入数组中 - Javascript

Question

目前，我有代码可以将“slides”类的所有子级放入 jQuery 的数组中。

$('.slides').children().each(function (i) {
    var oImg = new Image();
    oImg.src = this.src;
    aImages.push(oImg);         
});

但现在我听说我们必须使用 Javascript 来创建它。我将代码片段从 jQuery 重新编码为 Javascript 的所有尝试都失败了。有人知道如何让它发挥作用吗？

Answer 1

试试这个:

// Get all the elements with class 'slides'
var elements = document.getElementsByClassName('slides');

// Loop through all the elements first...
for (var j = 0; j < elements.length; j++) {

    // Get all the childNodes within each class 'slides'
    var children = elements[j].childNodes;

    // Loop through all the childrens
    for (var i = 0; i < children.length; i++) {
        var oImg = new Image();
        oImg.src = children[i].src;
        aImages.push(oImg);
    }
}