Question

所以，我不认为这会那么复杂，但我无法弄明白。

我使用JS预加载<head>中的图像。

//PRELOAD THE IMAGES

original = new Image(698, 360);
original.src = "imagenes_png/bosque_mapa.png";

...

然后我想将预加载的图像插入div tag，名称为test，也包含JS。

//Thats in the head aswell
document.getElementById('test').appendChild(original)

这是div tag

中的body

<div id="test"> testext</div>

但这不起作用。 div仍然是testext

对于有相同问题的人：

点击

document.getElementById('test').appendChild(original)

进入这里

$(document).ready(function() { /* code here */ });

$(document).ready(function() {document.getElementById('test').appendChild(original)});

为什么呢？阅读David Thomas的评论并点击发布的链接！

**注意：该解决方案需要jQuery，可以像这样加载：

<!-- LINK ZU JQUERY ONLINE-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>