首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用javascript将img元素添加到div

使用javascript将img元素添加到div
EN

Stack Overflow用户
提问于 2011-10-18 13:22:49
回答 4查看 222.7K关注 0票数 74

我正在尝试使用JavaScript将一个img添加到placehere目录中,但是我没有成功。有人能帮我写代码吗?

代码语言:javascript
复制
<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>
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-10-18 13:25:40

代码语言:javascript
复制
document.getElementById("placehere").appendChild(elem);

代码语言:javascript
复制
document.getElementById("placehere").appendChild("elem");

并使用下面的代码设置源

代码语言:javascript
复制
elem.src = 'images/hydrangeas.jpg';
票数 79
EN

Stack Overflow用户

发布于 2013-03-18 15:23:35

代码语言:javascript
复制
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">&nbsp;</span>
票数 4
EN

Stack Overflow用户

发布于 2019-12-26 20:24:06

下面的解决方案看起来要短得多:

代码语言:javascript
复制
<div id="imageDiv"></div>

在Javascript中:

代码语言:javascript
复制
document.getElementById('imageDiv').innerHTML = '<img width="100" height="100" src="images/hydrangeas.jpg">';
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7802744

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档