我正在尝试placehere使用 JavaScript向div添加一个 img ，但是我没有运气。任何人都可以帮我看看我的代码吗？
<html>
<script type="text/javascript">
var elem = document.createElement("img");
elem.setAttribute("src", "images/hydrangeas.jpg");
elem.setAttribute("height", "768");
elem.setAttribute("width", "1024");
elem.setAttribute("alt", "Flower");
document.getElementById("placehere").appendChild("elem");
</script>
<body>
<div id="placehere">
</div>
</body>
</html>
document.getElementById("placehere").appendChild(elem);
不是
document.getElementById("placehere").appendChild("elem");
并使用以下设置源
elem.src = 'images/hydrangeas.jpg';
它应该是：
document.getElementById("placehere").appendChild(elem);
并将你的放在你div的javascript之前，因为如果你不这样做，javascript 会在div存在之前执行。或者等待它加载。所以你的代码看起来像这样：
window.onload = function() {
var elem = document.createElement("img");
elem.setAttribute("src", "http://img.zohostatic.com/discussions/v1/images/defaultPhoto.png");
elem.setAttribute("height", "768");
elem.setAttribute("width", "1024");
elem.setAttribute("alt", "Flower");
document.getElementById("placehere").appendChild(elem);
}<div id="placehere"></div>为了证明我的观点，请查看带有 onload 的内容和不带有onload 的内容。火起来的控制台，你会发现一个错误，指出div不存在或无法找到appendChild的方法null。
function image()
{
//dynamically add an image and set its attribute
var img=document.createElement("img");
img.src="p1.jpg"
img.id="picture"
var foo = document.getElementById("fooBar");
foo.appendChild(img);
}
<span id="fooBar"> </span>
以下解决方案似乎是一个更短的版本：
<div id="imageDiv"></div>
在 JavaScript 中：
document.getElementById('imageDiv').innerHTML = '<img width="100" height="100" src="images/hydrangeas.jpg">';
如果有人想知道如何使用 JQuery 做到这一点：
$("<img height='200' width='200' alt='testImage' src='https://avatars.githubusercontent.com/u/47340995?v=4'> </img>").appendTo("#container");