Js脚本选取iframe中的元素

遇到个小问题,需要用到原生Js处理页面中的元素,以往一个document.getElementById就完活的选取元素,这次却不好使了..

仔细看代码发现要选取元素外面多了一个iframe标签

<iframe id="iframe_id" >
     ...
</iframe>

百度一下知道,此时iframe包裹的内容已经相当于另一个页面了,在当前的页面的document已经无法取到了,需要先获取此iframe元素,然后才能进一步获取到要选择元素:

兼容各个浏览器:
document.getElementById('iframe_id').contentWindow.document.getElementById('dest_id')

>IE8浏览器,火狐:
document.getElementById('iframe_id').contentDocument.getElementById('dest_id')

至此成功选择到元素..别吐槽我,我遇到的iframe的页面真不多...

转载于:https://www.cnblogs.com/chyu/p/4382141.html