@rinaz22

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

Всем привет! Есть 2 html страницы. 1 лендинг, а второй грузит этот ленд через iframe.
Как по клику по элементу лендинга загруженный через iframe получить тег и текст этого элемента?
Например я кликнул на:
<h3>текст</h3>
И в консоли должен выводиться этот тег вместе с текстом
  • Вопрос задан
  • 177 просмотров
Пригласить эксперта
Ответы на вопрос 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);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы