Добавить элементы в Iframe с помощью JavaScript

@Nurik · Регистрация: 17.04.2012

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

Здравствуйте все! У меня такая задача. Есть на странице фрейм и туда надо динамический добавлять элементы такие как img и input.
При этом создавать фрейм динамический не надо он уже есть.

@kalabuni · 18.04.2012, 07:21

1. Сначала надо получить доступ из текущего документа к документу в ифрейме.
Это возможно только в том случае, если файл, загруженный в ифрейм будет "свой", а не "чужой".
"Своим" называется файл, который находится на том же домене, что и файл текущего документа.

2. Путь к "своему" документу в ифрейме из текущего:

JavaScript
1
2
3
var DocInIframe = windows.frames ['имя_ифрейма'].document; 
//или
var DocInIframe = windows.frames [порядковый_индекс_ифрейма_в_документе].document;

3. Создание тегов <IMG> или <INPUT> в этом документе в ифрейме:

JavaScript
1
2
3
4
5
6
7
var NewImg = DocInIframe.createElement ('img');
   NewImg.src = 'https://www.cyberforum.ru/images/buttons/report.gif';
var NewInput = DocInIframe.createElement ('input');
   NewInput.type = 'submit';
 
DocInIframe.body.appendChild (NewImg);
DocInIframe.body.appendChild (NewInput);

@Nurik · 18.04.2012, 09:17 **[ТС]**

Спасибо! У меня все получилось

Новые блоги и статьи Все статьи Все блоги /
Программный отбор элементов справочника Номенклатура по группе 1С Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор под наименованию группы (на. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор элементов справочника Сотрудники по перечислениям 1С Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

@Nurik 3 / 3 / 3 Регистрация: 17.04.2012 Сообщений: 25

	Добавить элементы в Iframe с помощью JavaScript 17.04.2012, 18:06. Показов 7096. Ответов 2 Метки нет (Все метки) Здравствуйте все! У меня такая задача. Есть на странице фрейм и туда надо динамический добавлять элементы такие как img и input. При этом создавать фрейм динамический не надо он уже есть. 0

@Nurik 3 / 3 / 3 Регистрация: 17.04.2012 Сообщений: 25
	18.04.2012, 09:17 [ТС]
	Спасибо! У меня все получилось 0

Добавить элементы в Iframe с помощью JavaScript

Решение