Javascript 创建一个包含图像的新DIV元素

我想当我点击时，会创建一个新的DIV，其中包含一个图像

这是我尝试的代码：

let addTask = document.querySelector('#addTask');
addTask.addEventListener('click', ()=>{

         //create DIV, This part of the code works well
    
      let createNewDiv = document.createElement('div');
        createNewDiv.innerHTML = writeTask.value;
        document.body.appendChild(createNewDiv);
        createNewDiv.className = 'tasks';   


     
          //create an image inside the DIV element, This part of the code does not work

      let imageDelete = document.createElement('img');
          imageDelete.src = 'deleteImage.jpg';
          document.body.tasks.appendChild(imageDelete);
});

我的错误在哪里

---

任何评论或反馈都可以帮助我。谢谢

您似乎正在使用类

.tasks

创建一个元素。

createNewDiv.appendChild(imageDelete)

然后，您尝试使用

document.body.tasks

访问它

不能使用此方法直接访问具有类的元素。 但是，可以使用id为的元素

---

因此，您需要更改

.tasks

元素以包含id

tasks

或将访问者重写为

文档。querySelector（'.tasks'）

我有一个带有特定设置和特定类名的DIV。是否有此解决方案？document.querySelector（“.class name”）.appendChild（imageDelete）

document.querySelector('.tasks').appendChild(imageDelete);