如何在iframe元素中获取动态添加的body元素

时间:2019-04-30 13:03:54

标签: javascript

在iframe元素中,我添加了一个src属性,并在加载该属性时调用该函数,在这种情况下,document.body指向主体。

我已经尝试使用$(document).ready(function() {})document.body[1],但没有成功。

<iframe  id="inlineFrameExample" class="iframeDynamic" title="Inline Frame Example" width="300" name="myFrame" src="http://www.nu.nl" onload="resizeIframe(this)">
<html>
    <head></head>
    <body></body>
</html>

function resizeIframe() {

    let test = document.body;

    console.log(test);

    // What's the page height?
    var height = document.body.scrollHeight;

    // Going to 'pipe' the data to the parent through the helpframe..
    var pipe = document.getElementById('inlineFrameExample');

    // Cachebuster a precaution here to stop browser caching interfering
    newSource = pipe.src + '?height='+height+'&cacheb='+Math.random();
    pipe.style.height = height + 'px';
}

在我看来,document.body不会引用正确的body元素。另外请记住,这是一个动态添加的元素。我想选择它,然后获取iframe中该body元素的特定高度。

0 个答案:

没有答案