Добавление элемента img В div с помощью javascript

Question

Добавление элемента img В div с помощью javascript

Я пытаюсь добавить img В placehere div с помощью 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>

784 3

javascript dom

3 ответов:

Comments

Ничего не найдено.

Ghyath Serhal · Accepted Answer · 2011-10-18 08:32:09

document.getElementById("placehere").appendChild(elem);
не
document.getElementById("placehere").appendChild("elem");
и используйте ниже, чтобы установить источник
elem.src = 'images/hydrangeas.jpg';

Some Guy · Accepted Answer · 2011-10-18 09:42:24

должно быть:
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>
чтобы доказать мою точку зрения, увидеть это С onload и без нагрузки. Запустите консоль, и вы обнаружите ошибку о том, что div не существует или не может найти метод appendChild null.

hema · Accepted Answer · 2013-03-18 09:46:38

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>