怎么获取iframe里的html节点,获取iframe里的元素节点

页面有一个侧边的弹窗是用引入的:

页面里，有个小图片，我想获取并添加点击事件：

   

NO.73111741

首先尝试的常规方法，在主页面里直接获取：

var iframe = document.getElementsByTagName('iframe')[0];

var doubleArrowRight = iframe.getElementById('call-id-doubleArrowRight');

结果就报错了：

Uncaught TypeError: Cannot set property 'onclick' of null (不能给一个null对象设置属性'onclick')

一开始百度，直接输入这段英文，结果出来的都是说js部分代码要放到最底部啊，或者放在window.onload = function(){}函数里啊…

我明明写对的啊，这不是常识吗…而且，F12检查页面时，iframe利所有的元素内容也加载进来了啊，没道理获取不到元素啊……

但是猜测还是与有关，就查了下，如何获取元素节点。

通用方法是：

document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

或者：

document.getElementById('iframe的ID').contentDocument.getElementById('元素的ID')

试了，成功了~

2018.07.11 补充

iframe子页面中获取父页面的元素：

window.parent //查找父页面的window对象

window.parent.document //查找父页面的document对象

window.parent.document.body//查找父页面的body对象

window.parent.document.getElementById('button') //查找父页面中id为button的对象