javascript - 创建一个新的 DIV 元素，其中包含一个图像

Question

我希望当我单击时，将创建一个新的 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);
});

我的错误在哪里？

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

标签： javascriptdomappendchild

Answer 1

createNewDiv.appendChild(imageDelete)