javascript 获取iframe中的dom

太扯了，一个多小时都没搞定，获取不到iframe中的dom元素。

 <div id="one">
         this is one
     </div>
     <div>
         <iframe src="./demo.html" id="test">

         </iframe>
     </div>

     <script type="text/javascript">

         console.log(window.frames["test"].document.getElementById("two").innerHTML)//IE
         console.log(document.getElementById("test").contentWindow.document.getElementById("two").innerHTML)//W3C
         console.log(document.getElementById("test").contentDocument.getElementById("two").innerHTML)//W3C

     </script>

三个输出都是 null ,是什么原因呢？

把这段js写到window.onload=function(){}就可以啦。js执行的时候，iframe还没加载完成啦。

 <script type="text/javascript">
     window.onload=function(){
         var test=document.getElementById("demo").contentWindow.document.getElementById("test");
         var one=document.getElementById("one");
         console.log(test.ownerDocument.getElementsByTagName("P")[0].innerHTML);
         console.log(one.ownerDocument.getElementsByTagName("P")[0].innerHTML);
         console.log(test.ownerDocument===one.ownerDocument); //false
     }
 </script>

这个地方看出来iframe 中元素的ownerDocument 和 文档中元素的ownerDocument 是不同的