javascript - How to get the height and width of an iframe - Stack Overflow

admin管理员组

文章数量:1391925

How to get the height and width of an iframe, executing a script from outside the iframe?

I want to find its dimensions.

Javascript solutions weled.

How to get the height and width of an iframe, executing a script from outside the iframe?

I want to find its dimensions.

Javascript solutions weled.

• javascript

Share Improve this question Follow edited Apr 22, 2015 at 17:33 dbarnes 1,86333 gold badges1818 silver badges3333 bronze badges asked Apr 22, 2015 at 17:28 PrasangaPrasanga 1,03822 gold badges1515 silver badges3535 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

Using pure javascript:

document.getElementsByTagName('iframe')[0].getAttribute('width');
document.getElementsByTagName('iframe')[0].getAttribute('height');

getBoundingClientRect returns an object with the following keys: left, top, right ,bottom, x, y, width und height.

const { width, height } = document.querySelector("iframe").getBoundingClientRect();

console.log(width, height);

<p>Example for iframe dimensions</p>
<iframe src="https://www.example."></iframe>

本文标签： javascriptHow to get the height and width of an iframeStack Overflow