Biegral Blog

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=0&d=3&bd=0&k=&f=&q=1&a=1&c=54511&w=385&h=96&align=center">
			
			
				
			</iframe>

  index.js:

var doc = document.getElementById("MyIFrame").contentDocument; 
//		    		alert(doc);
//		    		var body=doc.getElements