Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   вывести изображения через js (https://javascript.ru/forum/misc/53331-vyvesti-izobrazheniya-cherez-js.html)

yomanswagVIP 30.01.2015 01:37
да что-то почитал, но не нашел как сделать, чтобы картинки появлялись именно в месте где вставлен скрипт

рони 30.01.2015 02:30
yomanswagVIP,
а вы забейте для них местечко а в скрипте его укажите.

yomanswagVIP 30.01.2015 10:19
<div id="list"></div>

<script>
var container = document.createDocumentFragment();
for (var i = 1; i < 4; i++) {
var list = document.getElementById('list');
var div = document.createElement('div');
div.innerHTML = ''
container.appendChild(div);
var img = div.appendChild(document.createElement('img'));
img.src ='http://topdeckmaster.ru/wp-content/uploads/cards/' + i + '.png';
}
list.appendChild(div);
</script>
вот так вроде бы получилось вывести в div'e с id = 'list'. Но теперь он просто выводит только одну картинку. В чем тут ошибка?

рони 30.01.2015 10:43
Цитата:
Сообщение от yomanswagVIP
list.appendChild(div);
 
list.appendChild(container);


Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

yomanswagVIP 30.01.2015 11:22
все также одну картинку выводит:
<script>
var container = document.createDocumentFragment(d);
     for (var i = 0; i < 4; i++) {
         var list = document.getElementById('list');
         var div = document.createElement('div');
         div.innerHTML = '';
         var img = div.appendChild(document.createElement('img'));
         img.src ='http://topdeckmaster.ru/wp-content/uploads/cards/' + i + '.png';
     }
   list.appendChild(container);
</script>

рони 30.01.2015 11:30
yomanswagVIP,
ой :-? 
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>
<div id="list"></div>

 <script>
 var container = document.createDocumentFragment(),
 list = document.getElementById('list');
 for (var i = 1; i < 4; i++) {
 var div = document.createElement('div');
 container.appendChild(div);
 var img = div.appendChild(document.createElement('img'));
 img.src ='http://topdeckmaster.ru/wp-content/uploads/cards/' + i + '.png';
 }
 list.appendChild(container);
 </script>
</body>

</html>

рони 30.01.2015 11:31
Цитата:
Сообщение от yomanswagVIP
createDocumentFragment(d);
зачем фигню то разную сувать

yomanswagVIP 30.01.2015 11:38
а все надо было просто строки местами поменять вот эти:
var list = document.getElementById('list');
var div = document.createElement('div');

Кстати ваш вариант тоже работает. Спасибо огромное за помощь!


Часовой пояс GMT +3, время: 13:18.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице