Скопировать данные src
 

Здравствуйте, имеется следующая проблема.
Каким образом можно скопировать путь картинки, расположенной внутри списка <li>
Объясню более детально.
Имеется форма: http://www.oknolegko.ru/forma-zakaza
В форме имеется слайдер изображений "Тип конструкции"

<ul class="slides">
	<li style="display: none;"><img id="type-0" src="http://www.oknolegko.ru/sites/default/files/1.jpg"></li>
	<li style="display: none;"><img id="type-1" src="http://www.oknolegko.ru/sites/default/files/2.jpg"></li>
	<li style="display: list-item;"><img id="type-2" src="http://www.oknolegko.ru/sites/default/files/3.jpg"></li>
</ul>

У активного пункта списка меняется стиль на display: list-item;
В зависимости от этого необходимо скопировать путь картинки находящейся внутри этого пункта списка. В данном примере http://www.oknolegko.ru/sites/default/files/3.jpg

Возможно ли это сделать силами JavaScript, если да, то каким образом?

Если ты уже можешь что-то менять у li - значит у тебя есть ссылка на него.
Т.о. можно применть следующий метод

<ссылка_на_li>.getElementsByTagName('img')[0].src;

Пример...

<ul class="slides">
	<li style="display: none;"><img id="type-0" src="http://www.oknolegko.ru/sites/default/files/1.jpg"></li>
	<li style="display: none;"><img id="type-1" src="http://www.oknolegko.ru/sites/default/files/2.jpg"></li>
	<li style="display: list-item;"><img id="type-2" src="http://www.oknolegko.ru/sites/default/files/3.jpg"></li>
</ul>
<script type='text/javascript'>
alert(document.getElementsByTagName('li')[2].getElementsByTagName('img')[0].src);
</script>