Вывести все картинки что есть на странице
Здравствуйте добрые люди. Мне предстоит задача вивести все изображения которые содержыт хтмл-страница. Так как с js я только начинаю дружить то идей у меня маловато)
подскажите пожалуйста как реализовать данную задачу. |
var listImg = document.getElementsByTagName('img');
for(var i = 0; i < listImg.length; i++){
doument.write('<img src="' + listImg[i].src + '" />');
}
</script>
p.s. возможны ошибки, писал без проверки |
спасибо. буду пробовать.
|
doument.write('<img src="' + listImg[i].src + '" />'); //document
=) |
Цитата:
http://htmlbook.ru/css/background-image |
в данном случае интересуют только картинки которые выведены тегом img
|
тогда для этого есть document.images
|
вроде все работает:)
но теперь надо чтобы когда картинка выводиться у нее оставалист ее свойства, то есть title, id, style и т.д. но только те, которые у нее есть |
используй cloneNode, Люк...
|
обьясните пожалуйста как использовать cloneNode
|
Цитата:
|
var listImg = document.getElementsByTagName('img');
var div = document.getElementById('output');
for(var i=0; i<listImg.length; i++)
div.appendChild(listImg[i].cloneNode(false));
Подскажите где тут ошибка, по тому что начинает цыклить и без конца выводить изображения в <div id="output"> |
padonak,
getElementsByTagName это "живая" коллекция элементов, которая обновляется при изменении html ... добавляйте клоны целиком а не по одному ... вариант ниже
<!DOCTYPE >
<html>
<head>
<title></title>
</head>
<body>
<img src="http://javascript.ru/forum/images/smilies/nono.gif" border="1" alt="test" />
<img src="http://javascript.ru/forum/images/smilies/nono.gif" border="1" alt="test" />
<img src="http://javascript.ru/forum/images/smilies/nono.gif" border="1" alt="test" />
<div id="output" style="border: #FF0000 solid 2px"></div>
<script type="text/javascript">
var listImg = document.getElementsByTagName('img');
var div = document.getElementById('output');
var f = document.createDocumentFragment();
for(var i=0; i<listImg.length; i++)
f.appendChild(listImg[i].cloneNode(false));
div.appendChild(f)
</script>
</body>
</html>
|
Цитата:
var listImg = [].slice.call(document.getElementsByTagName('img'), 0);
var div = document.getElementById('output');
for(var i=0; i<listImg.length; i++)
div.appendChild(listImg[i].cloneNode(false));
|
спасибо
|
| Часовой пояс GMT +3, время: 16:27. |