将JavaScript变量分配给JavaScript内的HTML元素

Question

我试图在JavaScript中将变量值插入到HTML元素中，但它没有正常工作。以下是我的代码：

 window.onload = function() {
    var image=document.getElementById('img').value;
        var img = '<div id="pic"><img src="image" width="200" height="108" /><p></p></div>';
      }

这是一个函数。我将图像保存在变量image中，然后尝试将该图像分配给一个id为pic的div标签。在那里，我将src属性设置为我在变量image中得到的图像。但是它没有起作用。

- Dhinesh.B

Answer 1

您需要将值插入字符串中：

var img = '<div id="pic"><img src="' + image + '" width="200" height="108" /><p></p></div>';

- Blender

Answer 2

应该是这样的：

 var img = '<div id="pic"><img src="'+image+'" width="200" height="108" /><p></p></div>'; 

- Laughing

Answer 3

我觉得你应该这样做：

window.onload = function() {
    var image=document.getElementById('img').value;
    document.getElementById('pic').innerHTML='<img src="'+image+'" width="200" height="108" /><p></p>';
}

- Alvin Wong