<iframe id="ifr" src="test.html"></iframe> // 父级页面的iframe
let iframe = document.getElementById("ifr");
let testchild = iframe.contentWindow.document.getElementById("test"); // 重点:contentWindow
以上代码即可获取iframe标签引入的页面中的元素,获取到之后想要怎么操作就怎么操作了。
补充一下:测试时要开启本地服务器,因为父页面通过iframe访问子页面是跨域的,所以没有权限获取到子页面的数据。(通过webstorm编辑器打开测试demo时可查看效果)