Форум

yomanswagVIP · #11 (**permalink**) 30.01.2015, 01:37

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

рони · #12 (**permalink**) 30.01.2015, 02:30

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

yomanswagVIP · #13 (**permalink**) 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'. Но теперь он просто выводит только одну картинку. В чем тут ошибка?

рони · #14 (**permalink**) 30.01.2015, 10:43

Сообщение от yomanswagVIP

list.appendChild(div);

list.appendChild(container);

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

[js]
... ваш код...
[/js]

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

yomanswagVIP · #15 (**permalink**) 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>

рони · #16 (**permalink**) 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>

рони · #17 (**permalink**) 30.01.2015, 11:31

Сообщение от yomanswagVIP

createDocumentFragment(d);

зачем фигню то разную сувать

yomanswagVIP · #18 (**permalink**) 30.01.2015, 11:38

а все надо было просто строки местами поменять вот эти:

var list = document.getElementById('list');
var div = document.createElement('div');

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

Форум

Справочник

Discord чат

Курсы javascript