js实时生成的图片如何利用js实时显示在页面中？

我在运行时调用了一个js函数，得到一张图片。
var img = get_img()
我如何写js将变量img（一张图片）显示在网页中呢？

可以将img变量作为图片的src属性值，创建一个img标签，并将该标签插入到页面中。

var img = get_img();
var imgElement = document.createElement("img");
imgElement.src = img;
document.body.appendChild(imgElement);

该回答引用GPTᴼᴾᴱᴺᴬᴵ
可以通过创建一个img元素，并设置它的src属性来显示动态生成的图片。具体的方法如下：

1.在HTML文件中创建一个img元素，指定一个id，例如：

<img id="my-image">

2.在JavaScript中获取这个img元素，并将它的src属性设置为动态生成的图片的URL，例如：

var img = get_img(); // 获取动态生成的图片
var imgElement = document.getElementById("my-image"); // 获取img元素
imgElement.src = img; // 设置img元素的src属性为动态生成的图片的URL

这样，当你调用get_img()函数生成一张图片后，它就会自动显示在网页中。需要注意的是，你需要在生成图片之前创建img元素，并指定它的id，否则无法找到这个元素并设置它的src属性。

小魔女参考了bing和GPT部分内容调写:
要想将js实时生成的图片实时显示在页面中，可以使用js的DOM操作，将图片添加到页面中。

首先，我们需要创建一个img标签，并将其赋值给一个变量：

let imgTag = document.createElement('img');

然后，我们可以将js实时生成的图片赋值给img标签的src属性：

imgTag.src = getimg();

最后，我们可以将img标签添加到页面中：

document.body.appendChild(imgTag);
回答不易，记得采纳呀。

img src属性 赋值就行

谢谢大家！