@rinaz22

Как по клику по iframe, получить тег, по которой крикнули?

Всем привет! Есть 2 html страницы. 1 лендинг, а второй грузит этот ленд через iframe.
Как по клику по элементу лендинга загруженный через iframe получить тег и текст этого элемента?
Например я кликнул на:
<h3>текст</h3>
И в консоли должен выводиться этот тег вместе с текстом
  • Вопрос задан
  • 38 просмотров
Пригласить эксперта
Ответы на вопрос 1
Bigata
@Bigata
Web, PHP, JavaScript, HTML, Базы данных, Фриланс
Лучше бы вообще отказаться от использования iframe.
iframe двуличный. Если повесить клик на него, то этот клик будет работать только, если кликнуть по рамке. Поэтому вещать клик на элемент внутри нужно. Для этого нужно, чтобы в iframe был валидный html код, например вот так:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    	<iframe id="myiframe"></iframe>
    </body>
</html>
<script src = "261.js"></script>

document.addEventListener("DOMContentLoaded", docReady);
function docReady()
{
	document.getElementById('myiframe').contentDocument.write('<html><body><h3>текст</h3></body></html>');
	document.getElementById('myiframe').contentDocument.close();
	document.getElementById('myiframe').contentDocument.getElementsByTagName('h3')[0].addEventListener('click', showIt);
}
function showIt(e)
{
	console.log(e.target);
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
NetLab Москва
от 35 000 до 50 000 руб.
Римэкс Екатеринбург
от 70 000 руб.
NewTech Екатеринбург
от 70 000 до 120 000 руб.