js 如何根据IFrame里的内容修改父页面的元素的值？？

Question

父页面：
<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 这是为什么啊？iframeJavaScript

Answer 1

因为同源策略问题，chrome不允许你访问parent页面，所以报找不到getElementById，如果你把页面放在web服务器则没有问题。

Answer 2

chrome浏览器以本地file方式不行，以web服务器http方式可以。