Javascript-форум - innerHTML для вставки картинок

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - innerHTML для вставки картинок (https://javascript.ru/forum/misc/49234-innerhtml-dlya-vstavki-kartinok.html)

innerHTML для вставки картинок

Может кто объяснить возможно ли с помощью innetHTML вставить в страничку картинку. Что то не получается при использовании следующего кода:

<html>
<head>
	<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>


<body>
<script language="javascript">

arrimg=new Array();                 //СОЗДАЕМ МАССИВ КАРТИНОК

arrimg[0]=new Image();

arrimg[0].src="kartinka.jpg";



function start() {

    document.getElementById("pict1").innerHTML = arrimg[0].src  ;

}


</script>



<span id="pict1">    Картинка 1   </span>


        <div>
          <input type="button" value="Start" onclick="start();" />
	    </div>


</body>
</html>

Спасибо за start();
Но после того как убрал src в строке

document.getElementById("pict1").innerHTML = arrimg[0]

браузер вместо картинки пишет

[object HTMLImageElement]

Условно говоря, innerHTML работает с текстом, а new Image() создает элемент. Так что обращаться с ним нужно как с элементом.

document.getElementById("pict1").appendChild(arrimg[0]);

Спасибо, все работает. Буду разбираться с appendChild