使用 JavaScript 将图像添加到 HTML 文档 [英] Adding images to an HTML document with JavaScript

问题描述

我已经尝试了来自多个站点的一些 HTML DOM 代码，但它不起作用.它没有添加任何东西.有人有这方面的工作示例吗?

I've tried some HTML DOM code from several sites, but it isn't working. It isn't adding anything. Does anyone have a working example on this?

this.img = document.createElement("img");
this.img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
src = getElementById("gamediv");
src.appendChild(this.img)

但它没有向 div gamediv 添加任何内容.我也试过 document.body，但没有结果.

But it isn't adding anything to the div gamediv. I've tried document.body as well, with no result.

提前致谢.

推荐答案

你需要在第3行使用document.getElementById().

如果您现在在控制台中尝试此操作:

If you try this right now in the console:

var img = document.createElement("img");
img.src = "http://www.google.com/intl/en_com/images/logo_plain.png";
var src = document.getElementById("header");
src.appendChild(img);

<div id="header"></div>

...你会得到这个:

这篇关于使用 JavaScript 将图像添加到 HTML 文档的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！