为什么阵列中的图像源会发生变化?

时间:2017-01-24 18:32:32

标签: javascript

我有一系列图片,我是从facebook获得的。在for循环中,我将数组的元素分配给一个新变量。然后我将变量源更改为另一个变量源,但是使用它时,数组元素的源也会发生变化。

function getImages(){
    var images = document.querySelectorAll('div.userContentWrapper img');
    return images;
}

function getImageHeight(image){
        return image.height;
}

function getImageWidth(image){
        return image.width;
}

function replaceImages(images) {
        var baseImageUrl, height, width, image;
                baseImageUrl = 'http://placekitten.com/g/';

        for (var i=0, len=images.length; i<len; i++){
                image = images[i];
                height = getImageHeight(image);
                width = getImageWidth(image);
                image.src = baseImageUrl + width + '/' + height;
        }
}

我不明白为什么在我们更改images[i]时元素image.src会发生变化 如果我对此有任何发言权,我会在循环结束时放置images[i].src = image.src;,但似乎没有必要。 也许有人可以推荐我应该阅读的内容,以便更好地理解这个问题。

此外,是否有必要/建议创建这么多小功能?

这是我在这里的第一个问题,所以我道歉,如果我不够清楚或问题不够

0 个答案:

没有答案