Как один рисунок вывести в двух местах?

@Опан · Регистрация: 17.12.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте. У меня есть вопрос относительно вывода изображений на HTML-страницу. Я знаю, что есть такой способ:

JavaScript
1
2
3
4
5
6
7
8
<div id=id1></div>
<div id=id2></div>
<script>
im=new Image();
im.src="1.jpg";
document.getElementById("id1").appendChild(im);
document.getElementById("id2").appendChild(im);
</script>

Почему-то рисунок появляется только в одном месте. Как сделать, чтобы он выводился в обоих div-ах? Благодарю.

@kalabuni · 10.01.2013, 22:04

виртуал "приживлять" на страницу можно один раз

надо виртуал склонировать до его "приживления" и во второй раз "приживлять" клон:

JavaScript
1
2
3
4
5
im=new Image();
im.src="1.jpg";
imClon = im.cloneNode (0);
document.getElementById("id1").appendChild(im);
document.getElementById("id2").appendChild(imClon);

@Опан · 10.01.2013, 22:33 **[ТС]**

Спасибо, пожалуй, первый ответ до редактирования im = im.cloneNode (0) мне даже больше понравился. Так можно создать цикл из множественного вывода одной и той же картинки.

@newJS · 11.01.2013, 06:26

А не проще innerHTML использовать?

@kalabuni · 11.01.2013, 12:52

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

А не проще innerHTML использовать?

1. могут быть проблемы, если это браузер MSIE и если добавляем в теги <TABLE>, <TBODY>, <TR>
2. могут быть проблемы, если в существующих тегах объекта obj прошли какие-то программные изменения свойств,
то перепрописывание obj.innerHTML += 'что-то'; вернёт имевшимся тегам начальное состояние
3. могут быть проблемы, если среди добавляемого имеются скриптовые инструкции - MSIE воспринимает скрипт-ноды как текст
4. сериализация/десериализация через innerHTML стандарта не имеет, всякий браузер выдаёт свой собственный результат, который чаще всего с другими браузерами не совпадает

если перечисленное выше неактуально... то да, через innerHTML проще

@newJS · 11.01.2013, 20:32

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

если перечисленное выше неактуально... то да, через innerHTML проще

Само собой, сам пишешь, сам знаешь.
Пусть Опан, сам думает что ему тут проще.

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	10.01.2013, 22:33 [ТС]
	Спасибо, пожалуй, первый ответ до редактирования im = im.cloneNode (0) мне даже больше понравился. Так можно создать цикл из множественного вывода одной и той же картинки. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,531
	11.01.2013, 06:26
	А не проще innerHTML использовать? 0