Question

我正在尝试使用JavaScript将图像添加到placehere 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>

Answer 1

document.getElementById("placehere").appendChild(elem);

不

document.getElementById("placehere").appendChild("elem");

并使用以下内容设置来源

elem.src = 'images/hydrangeas.jpg';

Answer 2

应该是：

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>

要证明我的观点，请参阅此with the onload和此without the onload。启动控制台，你会发现一个错误，指出div不存在或找不到appendChild方法为null。

Answer 3

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>

Answer 4

以下解决方案似乎要简短得多：

psycopg2.InternalError: DROP DATABASE cannot run inside a transaction block

在Java语言中：

<div id="imageDiv"></div>

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

4 个答案: