使用javascript将img元素添加到div
使用javascript将img元素添加到div
提问于 2011-10-18 13:22:49
我正在尝试使用JavaScript将一个img添加到placehere目录中，但是我没有成功。有人能帮我写代码吗？
<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>回答 4
Stack Overflow用户
回答已采纳
发布于 2011-10-18 13:25:40
document.getElementById("placehere").appendChild(elem);不
document.getElementById("placehere").appendChild("elem");并使用下面的代码设置源
elem.src = 'images/hydrangeas.jpg';Stack Overflow用户
发布于 2013-03-18 15:23:35
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>Stack Overflow用户
发布于 2019-12-26 20:24:06
下面的解决方案看起来要短得多：
<div id="imageDiv"></div>在Javascript中：
document.getElementById('imageDiv').innerHTML = '<img width="100" height="100" src="images/hydrangeas.jpg">';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7802744
复制相关文章
相似问题
腾讯云开发者
