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

I want to assign javascript variable to html element inside javascript

本文关键字：javascript 中的 html 元素 变量 分配      更新时间：2023-09-26

我正在尝试在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 图片。在那里，我正在分配我在var image中得到的src="image"。但它不起作用..

您需要

将值插入到字符串中：

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

它应该是这样的：

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

我认为你应该这样做：

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