search

Home  >  Q&A  >  body text

javascript - 如何用JS操作iFrame里的Dom

如题，父页面的JS如何拿到iframe里的dom，并且进行操作？ 原生JS，不用JQ之类的 页面代码： 

<body>
    
<iframe id="container" name="container" src="frames/index.html"></iframe>

</body>
在chrome的console里： 
 document.getElementById("container")


Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.
 Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.
 Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.



<iframe id="container" name="container" src="frames/index.html">...</iframe>​

 document.getElementById("container").contentWindow.document


Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.



undefined

 window.frames["container"].document


Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.



undefined
迷茫迷茫2894 days ago488

reply all(2)I'll reply

  • 伊谢尔伦

    伊谢尔伦2017-04-10 12:47:26

    虽然是相对路径，还是出现跨域的错误。

    最后找到原因了，文件之间的操作是按照跨域处理的，把文件放在web容器里，127.0.0.1 去访问就好了

    reply
    0
  • PHPz

    PHPz2017-04-10 12:47:26

    额 哥们你说清楚一点嘛 ！！！

    reply
    0
  • Cancelreply