以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  请教如何通过JS获取iframe 里面div的id值?  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=2423)

--  作者:admin
--  发布时间:2010/11/3 15:07:44
--  请教如何通过JS获取iframe 里面div的id值?
a.html
HTML code:

<iframe name="ifr" id="ifr" src="bbb.html">
</iframe>
<input type="button" value="点击" />
<script type="text/javascript">
function aaa()
{
alert(window.frames["ifr"].document.getElementById("div1").innerHTML);
}
</script>


bbb.html
HTML code:
<div id="div1">中华人民共和国万岁</div>

注意:使用这种方法取时,你必须保存证你的iframe里边的网站与外边的网站在同一域。即iframe不能跨域。。。这是浏览器厂商的一种规定吧。。。

个人解释:如果想获取DIV1的ID值只要将alert(window.frames["ifr"].document.getElementById("div1").innerHTML);改成
alert(window.frames["ifr"].document.getElementById("div1").id);即可。


原帖地址:
http://topic.csdn.net/u/20100410/20/3e31c98b-343b-44b4-87ab-86b222499413.html
[此贴子已经被作者于2010-11-3 15:08:02编辑过]

--  作者:admin
--  发布时间:2010/11/3 15:28:03
--  
我本想让下层HTML读取上层IFRAME的ID,ID动态生成的,后来没继续研究了。不知道这样的思维是否对。

如果想IFRAME设置下层INPUT的VALUE值,可以这样写

function aaa()
{
window.frames["ifr"].document.getElementById("input").setAttribute("value","哈哈");
}
[此贴子已经被作者于2010-11-3 15:29:50编辑过]