29-11-2023

Как манипулировать объектами внутри iframe (jQuery)

Сразу оговоримся - это только при условии что в iframe загружаются данные из-под этого же домена, иначе это будет невозможно.

Допустим, хотим узнать высоту div с классом class="mytest", который находится в iframe основной страницы.

Пример кода:

$(document).ready(function(){

	$(".myiframe").on('load', function() {

   		var testdiv = $(this).contents().find(".mytest");

   		var height  = testdiv.height();

   		console.log(height);

	});

});

Первоначально надо дождаться, пока iframe загрузится, поэтому код обернут в on('load').

HTML:

<html>

<head>...</head>

<body>

...

<iframe class="myiframe">

	....

	<div class="mytest">test info</div>

</iframe>

</body>

</html>

В HTML сознательно пропущены куски кода, оставлены только основные моменты.

Как манипулировать объектами внутри iframe (jQuery)

Комментарии