js中如何获取另一个IFrame的元素
html中经常引起第三方插件实现功能,会引用到iframe框,
有的第三方插件,无法直接编译html、css、js,只能通过js动态获取
元素改变样式。通过本域的document对象无法获取iframe的元素。
实现获取iframe元素的思路:
1.先获取本域的iframe元素
2.运行网页审查iframe元素
3.通过iframe元素获取iframe框内部的元素
实现代码:
index.html:
<iframe id="MyIFrame" allowtransparency="true" style="width: 100%;
background:#fff ;margin-top: 0px;height: 80px;color: #fff;"
frameborder="0" scrolling="no" src="http://tianqi.eastday.com/plugin/widget_v1.html?sc=1&z=1&t=0&v=