使用 IIFE 函數時未捕獲的類型錯誤

Question

我是 Javascript 新手。嘗試通過此功能將背景圖像分配給 div 標簽：

(function(){
 
    var images=['image01.jpg','image04.jpg','image12.jpg','image22.jpg','image32.jpg','image42.jpg'];
    
    for(var index=0;index<=images.length;index++)
    {
    var images_class=document.querySelectorAll('.Image_c');
    
    let image_show=images[index];
    images_class[index].style.backgroundImage=`url(images/${image_show})`;
   
}})();

背景圖像樣式已正確映射到 6 個 div 標簽的每個 div。 但是，有如下未捕獲的錯誤：

Uncaught TypeError: Cannot read property 'style' of undefined
    at index2.js:10
    at index2.js:12
(anonymous) @ index2.js:10
(anonymous) @ index2.js:12

任何人都可以幫助我了解此錯誤的含義以及如何解決它？

Answer 1

嘗試循環查詢選擇器對象，因為圖像數組的長度將超過從查詢選擇器返回的對象長度

var images=['image01.jpg','image04.jpg','image12.jpg','image22.jpg','image32.jpg','image42.jpg'];
var x = document.querySelectorAll
for(var index=0;index<x.length;index++)
{

let image_show=images[index];
x[index].style.backgroundImage=`url(images/${image_show})`;