1

我使用 iframe 来显示图像。这是我的代码。

索引.html

<html>
 <head>
    <title>Center</title
    <script type="text/javascript">
            function sample(id){
               var frameht=document.getElementById("ifrm").style.height;
               var framewd=document.getElementById("ifrm").style.width;
           }
    </script>
 </head>
 <body>
    <iframe style="width:700px;height:600px;" src="test.html" id="ifrm" onload="javascript:sample(this.id);"></iframe>
 </body>
</html>

测试.html

<html>
<head>
    <title>Center</title>
    <script type="text/javascript">

    </script>
</head>
<body>
    <img src="14.jpg" id="img1" onload="javascript:sample();"/>
</body>
</html>

我想要 index.html 中图像的 id。有可能得到吗?任何人都可以帮忙吗?请!

4

4 回答 4

2

首先获取 iframe。

var iframe = document.getElementById('ifrm');

访问 iframe 的元素。

var frameDoc = iframe.contentDocument || iframe.contentWindow.document;

然后,通过标记名获取 id。在我们的例子中

var el = frameDoc.getElementsByTagName('img')[0].id;

这是一个没有 iframe 的示例,让您了解如何在之后获取元素的 id:http: //jsfiddle.net/nukec/eymq2/

于 2013-02-14T11:19:54.480 回答
2
document.getElementById('ifrm').contentWindow.document.getElementById('img1');

这应该工作

img = document.getElementById('ifrm').contentWindow.document.getElementsByTagName('img'); 

img[0].id 获取动态 id

于 2013-02-14T10:51:36.400 回答
1

Insted of id 使用名称并尝试此..

<script>
window.frames["fName"].document.getElementById("img1");
</script>

<iframe style="width:700px;height:600px;" src="test.htm" id="ifrm" name="fName" onload="javascript:sample(this.id);"></iframe>
于 2013-02-14T11:01:35.273 回答
0

你应该使用 jQuery

var imageObj= $('#myiframe').contents().find('img');
var imgId=$(imageObj).attr("id");
于 2013-02-14T11:01:45.580 回答