iFrame父节点

Posted 2021-05-06

当我尝试访问iframe的父节点时。我得到一个未定义的值返回。

var a = window.frames;

for(i = 0; i < a.length; i++){
    var val = a[i].document.getElementById("image_url").value;

    if(val != ""){
        a[i].parentNode //This doesn't return the parent div that the iframe is nested in
    }
}

<div>
    <iframe src="uploader.php"></iframe>
</div>

如何访问同一页面上的iframe元素的父节点

编辑：我通过访问iframe解决了这个问题

document.getElementsByTagName("iframe");

代替

window.frames;

答案

使用jQuery的$.closest()，您可以执行以下操作：

$('iframe').each(function(){
    var $el = $('#image_url', this).closest('div');
    console.log($el);
});

我希望这有帮助。

另一答案

您可以使用frameElement.parentNode