javascript - Innerhtml 动态图像加载不起作用

Question

我有一张图片

`<img src="../images/Editing-Edit-icon.png" data-toggle="modal" data-target=".editButton"  id="deleteBtn"/>`

和一个按钮

`<button onclick="loadImage()">`

我试图在单击按钮时将 img 加载到 div 内，如下所示:

function loadImage(){
 cell1.innerHTML = document.getElementById("deleteBtn").value;
}

但是它不起作用。我怎样才能做到这一点？

Answer 1

function loadImage(){
    cell1.innerHTML = '<img src="'+document.getElementById("deleteBtn").src+'" />';
}