如何在 javascript 中使用 appendChild

Question

我在前端的 js 脚本中获取上传图像的图像 url。

document.getElementById("url").value = result_url;
      var imgUrl = result_url;
      Node.appendChild(imgUrl);
      console.log(imgUrl)

它正在运行，但现在我正尝试将它附加到正文中，以便它显示用户上传的图像。这是正确的方法吗 Node.appendChild 不起作用。我该如何解决这个问题？

Answer 1

这是一个例子，我相信它是不言自明的。 appendChild 必须在节点实例上调用（例如 document.body）。此外，您必须创建一个实际的 img 元素，因为您不能将 String 添加为 Node.

const imgSrc = 'https://i.pinimg.com/originals/1c/cd/18/1ccd18916cc5e4a2840ea084ef9c36b1.jpg';

document.body.appendChild(newImg(imgSrc));

function newImg(src) {
  const img = document.createElement('img');
  img.src = src;
  return img;
}

如何在 javascript 中使用 appendChild

how to use appendChild in javascript

html

javascript

ejs