Javascript 无法读取属性'；追加儿童'；未定义错误的定义

我试图使用JavaScript中的for-each方法将此数组中的所有图像显示到我的网页上

问题是“grid”未使用append子方法定义

你知道我如何解决这个问题吗

const bannatyneImgs = ['<img src="images/bannatynes/28-06-19/IMG_0316.jpg" class="gallery" alt="#">',
                       '<img src="images/bannatynes/28-06-19/IMG_0317.jpg" class="gallery" alt="#">',
                       '<img src="images/bannatynes/28-06-19/IMG_0318.jpg" class="gallery" alt="#">',]

const bannatyneGal = document.querySelector('.bannatyne')

bannatyneImgs.forEach(function displayBannatyne(images, index, array, grid) {

    let image = images;

    let divElement = document.createElement('div');
    divElement.classList.add('gallery-image');
    divElement.innerHTML = image;
        
    grid.appendChild(divElement);
})

displayBannatyne(bannatyneImgs, bannatyneGal)

const bannatyneImgs=[''，
'',
'',]
const bannatyneGal=document.querySelector（'.bannatyne'）
forEach（函数displayBannatyne（图像、索引、数组、网格）{
让图像=图像；
让divElement=document.createElement（'div'）；
divElement.classList.add（'gallery-image'）；
divElement.innerHTML=图像；
grid.appendChild（divElement）；
})
显示bannatyne（bannatyneImgs，bannatyneGal）

const bannatyneImgs=[
'',
'',
'',
];
const bannatyneGal=document.querySelector（“.bannatyne”）；
document.addEventListener（“DOMContentLoaded”，（）=>{
forEach（函数（图像）{
让图像=图像；
让divElement=document.createElement（“div”）；
divElement.classList.add（“画廊图片”）；
divElement.innerHTML=图像；
console.log（divElement）；
bannatyneGal.appendChild（divElement）；
});
});

forEach

的回调不接受第四个参数。找出你期望的

网格是什么，然后预先定义它
const bannatyneImgs = [
  '<img src="./images/bannatynes/28-06-19/IMG_0316.jpg" class="gallery" alt="#">',
  '<img src="./images/bannatynes/28-06-19/IMG_0317.jpg" class="gallery" alt="#">',
  '<img src="./images/bannatynes/28-06-19/IMG_0318.jpg" class="gallery" alt="#">',
];

const bannatyneGal = document.querySelector(".bannatyne");

document.addEventListener("DOMContentLoaded", () => {
    bannatyneImgs.forEach(function (images) {
       let image = images;

      let divElement = document.createElement("div");
      divElement.classList.add("gallery-image");
      divElement.innerHTML = image;
      console.log(divElement);

      bannatyneGal.appendChild(divElement);
  });
});