将图像放入数组-Javascript

目前，我有代码将“slides”类的所有子类放在jQuery的一个数组中

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

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

试试这个：

// 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);
    }
}

//使用类“slides”获取所有元素
var elements=document.getElementsByClassName（'slides'）；
//首先遍历所有元素。。。
对于（var j=0；j

试试这个：

// 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);
    }
}

//使用类“slides”获取所有元素
var elements=document.getElementsByClassName（'slides'）；
//首先遍历所有元素。。。
对于（var j=0；j

试试这个：

    var elements = document.getElementsByClassName('slides');
    var myImages = elements.getElementsByTagName("img");

    for (var i = 0; i < myImages.length; i++) {
        var oImg = new Image();
        oImg.src = myImages[i].src;
        aImages.push(oImg);
    }

var elements=document.getElementsByClassName（'slides'）；
var myImages=elements.getElementsByTagName（“img”）；
对于（var i=0；i

试试这个：

    var elements = document.getElementsByClassName('slides');
    var myImages = elements.getElementsByTagName("img");

    for (var i = 0; i < myImages.length; i++) {
        var oImg = new Image();
        oImg.src = myImages[i].src;
        aImages.push(oImg);
    }

var elements=document.getElementsByClassName（'slides'）；
var myImages=elements.getElementsByTagName（“img”）；
对于（var i=0；i

试试看

var-aImages=[]；
//使用类幻灯片获取所有元素
var slides=document.getElementsByClassName（'slides'）；
//遍历幻灯片数组
对于（变量i=0；i

试试看

var-aImages=[]；
//使用类幻灯片获取所有元素
var slides=document.getElementsByClassName（'slides'）；
//遍历幻灯片数组
对于（变量i=0；i

类似于：

var elements = document.getElementsByClassName("slides");
for(var i in elements){
  var childElements = elements[i].children;
  for(var j in childElements){
     var child = childElements[j];

     //your code here
  }
}

比如：

var elements = document.getElementsByClassName("slides");
for(var i in elements){
  var childElements = elements[i].children;
  for(var j in childElements){
     var child = childElements[j];

     //your code here
  }
}

---

从技术上讲，这就是JavaScript。我想你的意思是不允许你使用jQuery。从技术上讲，这主要是导致问题的第一行代码，即JavaScript。我想你的意思是不允许你使用jQuery。这主要是导致问题的第一行代码。我们就快到了，但显然他找不到变量子项。Chrome的开发者工具告诉我：“uncaughttypeerror:无法读取未定义的“Great”的属性“lengh”！这就解决了问题。我真傻，我没有看到children变量不是数组我们就快到了，但显然他找不到变量children。Chrome的开发者工具告诉我：“uncaughttypeerror:无法读取未定义的“Great”的属性“lengh”！这就解决了问题。我真愚蠢，我没有看到子变量不是数组。错误：uncaughttypeerror:Object#没有方法'getElementsByTagName'Stll错误：uncaughttypeerror:Object#没有方法'getElementsByTagName'