请教如何通过JS获取iframe 里面div的id值？

页面代码如下：
<form id="form1" runat="server">
    <iframe id="ifr" width="180px" height="116px">
        <div id="msn" title="22">111</div>
    </iframe>
</form>

解决方案 »

  1.   

    document.getElementById("ifr").childNodes[0]试试
      

  2.   

    LZ的想法有问题iframe是一个框架，嵌在其标签之内的任何html元素都不会被浏览器解析
      

  3.   

    a.html<iframe name="ifr" id="ifr" src="bbb.html">
    </iframe>
    <input type="button" value="点击" onclick="aaa();"/>
    <script type="text/javascript">
    function aaa()
    {
    alert(window.frames["ifr"].document.getElementById("div1").innerHTML);
    }
    </script>
    bbb.html<div id="div1">中华人民共和国万岁</div>
    注意：使用这种方法取时，你必须保存证你的iframe里边的网站与外边的网站在同一域。即iframe不能跨域这是浏览器厂商的一种规定吧
      

  4.   

    问题看似小，差点难住我了，我这方法很繁琐，但最终解决了，在ie7，ff下测试通过了，没有修改楼主
    原有的html
    <html> 
    <head> 
    <title>test </title> 
    <style type="text/css"> </style> 
    <script type='text/javascript'>
    window.onload=function(){
    var s=document.getElementById('ifr').innerHTML;
    var t=document.createElement('div');
    s=s.replace(/&lt;/gi,"<");
    s=s.replace(/&gt;/gi,">");
    t.innerHTML=s;
    document.body.appendChild(t);
    t.style.display="none";
    var o=t.childNodes[0];
    if(o.nodeType !=1) o=o.nextSibling;
    alert(o.getAttribute("id"));
    }
    </script>
    </head> <body> 
    <form id="form1" runat="server">
      <iframe id="ifr" width="180px" height="116px">
      <div id="msn" title="22">111</div>
      </iframe>
    </form>
    </body> 
    </html> 
      

  5.   

    <form id="form1" runat="server">
      <iframe id="ifr" width="180px" height="116px">
      <div id="msn" title="22">111</div>
      </iframe>
    </form>
    这个结构对么？
      

  6.   

        var ID = event.srcElement.id;    alert(ID);