使用javascript向div添加img元素

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (35)

我想placehere用JavaScript 添加一个img到div,但是我没有成功。谁能帮帮我吗?

<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存在之前执行。或等待它加载。所以你的代码如下所示:

<html>

<body>
<script type="text/javascript">
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);
}
</script>
<div id="placehere">

</div>

</body>
</html>

扫码关注云+社区