js 如何根据IFrame子页面中的值改变父页面某个元素的值

父页面：
<div id="target">title</div>
<iframe></iframe>子页面:
<div id="source">asdf</div>在子页面的js代码如下：
parent.document.getElementById("target").innerHTML=window.document.getElementById("source").innerHTML;在google chorme里运行总是报错：Uncaught TypeError: Cannot call method 'getElementById' of undefined 这是为什么啊？iframe

解决方案 »

  1.   

    webkit核心的需要搭建服务器才能iframe和父页互访，本地file浏览无法访问到，ajax 本地测试也无法访问本地资源
      

  2.   

    <script type="text/javascript">
    function tests(){
    parent.document.getElementById("target").innerHTML=window.document.getElementById("source").innerHTML;
    }
    </script>
    </head>
    <body>
    <div id="source">asdf</div>
    <input type="button" value="test" onclick="tests()">
    子页面改成这样试试  chrome可能需要部署到正真的服务器上才可以
      

  3.   

    chrome不允许你本地访问parent页面，所以报找不到getElementById，如果你把页面放在web服务器则没有问题。