代码之家 › 专栏 › 技术社区 › Jon Romero

在iframe中获取img标签

prototype iframe javascript

0

Jon Romero · 技术社区 · 17 年前

我有一个iframe,class name=“blaclass”。在它里面,我有一个没有名字(或ID)的DIV,在这个ID里面有一个class name=“classs”的DIV。在这个分区中,有两个图像(没有类名/id)。

我怎样才能得到那些image.src?如果有更好的原型版本!

ps:在页面完全呈现之前,我不能添加类名/ID(我没有创建iframe——它是通过javascript动态创建的,之后我运行脚本)。

谢谢

2 回复 | 直到 17 年前

1

2

heeen 17 年前

A.HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body onLoad="foo()">
  <iframe src="b.html">
    </iframe>
<script type="text/javascript">
function foo()
{
alert(window.frames[0].document.getElementsByClassName("classs")[0].getElementsByTagName("img")[0].src);
}
</script>
</body>
</html>

B.HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
   <div>
   <div class="classs">
   <img id="img" src="test.png" />
   <img id="img" src="test.png" />
   </div>
   </div>
</body>
</html>

2

1

Luca Matteis 17 年前

还要确保iframe所在的域与其指向的域相同。否则,您将无法从iframe获取任何信息。