在iframe中获取img标记

时间:2009-01-29 09:59:53

标签: javascript iframe prototype

我有一个名为=“blaclass”的iframe。 在它里面,我有一个没有名字(或id)的div,在这个id中有一个div,类名=“classs”。在这个div中,有两个图像(没有类名/ id)。

我怎样才能获得那些image.src?如果有原型版甚至更好!

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

Thx

2 个答案:

答案 0 :(得分:2)

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>

答案 1 :(得分:1)

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