javascript - 如何从iframe中的文档对象获取父元素

标签 javascript jquery html iframe

我的 iframe 有问题。

我想从 iframe 的内容中获取父对象或父节点。

我的代码:

a.html:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
</head>
<body>
<div>

    <input type="button" value="click me" onClick="parent.getIframe(document);"/>
</div>
</body>
</html>

index.php:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
var getIframe = function(obj){
   // Iframe Element = $(obj).parent();
   //or some things likes this.
}
</script>
</head>
<body>
<div>
   <div id="myId">
        <iframe src="a.html"></iframe>
    </div>
</div>
</body>
</html>

现在我想当我点击“点击我”按钮时。我想通过iframe的文档对象获取HTMLIFRAME对象元素。

我需要你的帮助。

最佳答案

您可以使用以下两个属性:

contentDocument - Returns the document object generated by a frame/iframe
contentWindow -   Returns the window object generated by a frame/iframe

检查this reference

关于javascript - 如何从iframe中的文档对象获取父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12889761/

相关文章:

jquery - 在浏览器调整大小时重新排列图像网格?

javascript - PHP 返回空的 POST 数组

html - MP3 音频在 Firefox 浏览器/Android Firefox 浏览器中无法工作

javascript - 使用正则表达式允许文本字段中的某些字符

javascript - jquery post获取空对象数组

javascript - 使用图像作为背景并应用于同级的 div parent

html - 为什么 min-width 对 svg 不起作用,而且由于 svg,段落表现得很奇怪?

javascript - Symfony2 嵌入式表单删除按钮功能

javascript - 如何在 'lodash' 函数(debounce)回调函数内部传递参数?

javascript - Angular 中动态注入(inject)组件