javascript - 我想将javascript变量分配给javascript中的html元素

Question

我正在尝试在 javascript 内的 html 元素中插入 javascript 变量值。但它无法正常工作。以下是我的代码。

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

这就是功能。在这里，我正在获取可变图像中的图像.. 我试图将此图像分配给一个 div id pic.. 我正在分配 src="image" 我在 var image 中获得的.. 但它不起作用。 .

Answer 1

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

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

Answer 2

我认为你应该这样做：

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

Answer 3

它应该是这样的：

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