首页 > Web开发 > 详细

JS获取/设置iframe内对象元素、文档的几种方法

时间:2016-07-16 08:34:39      阅读:227      评论:0      收藏:0      [点我收藏+]

1、IE专用(通过frames索引形象定位):

document.frames[i].document.getElementById(‘元素的ID‘);

2、IE专用(通过iframe名称形象定位):

document.frames[‘iframe的name‘].document.getElementById(‘元素的ID‘);

以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。

3、通用方法:

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

注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frameiframe内部的窗口对象

 

 


 

 

JS获取iframe文档内容

<script type="text/javascript"> 
function getIframeContent(){  //获取iframe中文档内容
	var doc;
	if (document.all){ // IE 
		doc = document.frames["MyIFrame"].document; 
	}else{ // 标准
		doc = document.getElementById("MyIFrame").contentDocument; 
	}

	return doc.body.innerHTML;
} 
</script>

注意:上面的 .contentDocument 相当于 .contentWindow.document !

 

 

延伸阅读:

实用框架(iframe)代码

JS获取/设置iframe内对象元素、文档的几种方法

原文:http://www.cnblogs.com/52php/p/5675229.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!