Форум

saves7 · #1 (**permalink**) 04.08.2014, 12:00

Может кто объяснить возможно ли с помощью 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>

saves7 · #2 (**permalink**) 05.08.2014, 11:24

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

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

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

[object HTMLImageElement]

ixth · #3 (**permalink**) 05.08.2014, 11:31

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

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

saves7 · #4 (**permalink**) 05.08.2014, 11:52

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

Форум

Справочник

Discord чат

Курсы javascript