首页 > 代码库 > 获得某个iframe页面某个元素的值
获得某个iframe页面某个元素的值
在Web开发时，很多时候会遇到一个问题。我在一个页面嵌入了iframe，并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢？
先来看下演示：凯时娱乐城
效果演示
<iframe id="frame1" name="frame1" src="http://www.nowamagic.net/librarys/webapp/frm.html" frameborder="1" width="320" height="60"></iframe>
iframe1中文本框的值：
在IE下操作IFrame内容的代码：
document.frames["MyIFrame"].document.getElementById("s").style.color="blue";但是这在Firefox下无效。所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现：
document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";demo代码：
<div><iframe name="frame1" id="frame1" src="http://www.mamicode.com/frm.html" frameborder="1" height="60"></iframe></div> <p>iframe1中文本框的值：<input type="button" name="Submit" value="http://www.mamicode.com/getValue" onclick="getValue()" /></p> <script type="text/javascript">function getValue(){ var ofrm1 = document.getElementById("frame1").document; if (ofrm1==undefined) { ofrm1 = document.getElementById("frame1").contentWindow.document; var ff = ofrm1.getElementById("txt1").value; alert("firefox/chrome取值结果为:" + ff); } else { var ie = document.frames["frame1"].document.getElementById("txt1").value; alert("ie取值结果为:" + ie); } }</script>iframe页面代码：
<html><head> <title>框架内页</title></head><body> <div> <input id="txt1" name="txt1" type="text" value="http://www.mamicode.com/欢迎访问www.nowamagic.net" /> </div></body></html>
获得某个iframe页面某个元素的值
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。