Javascript 使用IIFE函数时出现未捕获类型错误

我是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})`;
   
}})();

---

任何人都可以帮助我理解此错误的含义以及如何解决它？

尝试循环queryselector对象，因为图像数组的长度将超过查询选择器返回的对象的长度

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

var images=['image01.jpg'、'image04.jpg'、'image12.jpg'、'image22.jpg'、'image32.jpg'、'image42.jpg']；
var x=document.querySelectorAll
对于（var index=0；indexIt表示您的
images
数组中的元素比
images\u class
节点列表中的项目多。只需打印
images\u class.length
和
images.length
。它们不一样。我尝试过，显示了相同的6 index2.js:6 index2.js:12未捕获类型错误：无法读取未定义的属性“style”在index2.js:12在index2.js:14（匿名）@index2.js:12（匿名）@index2.js:14（函数（）{var images=['image01.jpg'，'image04.jpg'，'image12.jpg'，'image22.jpg'，'image32.jpg'，'image42.jpg']；console.log（images.length）；var x=document.queryselectoral（'Image_c'）；console.log（x.length）；for（var index=0；index=0；index（function（）{var images=['image01.jpg'、'image04.jpg'、'image12.jpg'、'image22.jpg'、'image32.jpg'、'image42.jpg']；console.log（images.length）；var x=document.queryselectoral（'.Image_c'）；console.log（x.length）；用于（var index=0；索引器消息：index2.js:12未捕获类型错误：无法读取index2.js:12处index2.js:14（匿名）@index2.js:12（匿名）@index2.js:14处未定义的属性'style'
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})`;