首页 > Web开发 > 详细

【转】获取/设置IFRAME内对象元素的几种JS方法

时间:2015-09-12 17:27:28      阅读:294      评论: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,往往出现问题都是因为这个容易被忽略,它代表FRAME和IFRAME内部的窗口对象。

  但是,很明显,这种写法非常要命,太长了。如果要操作一系列里面的元素,这样写起来,实在够受的,就算用复制粘贴大法,眼睛看起来也是个问题。

4。通用方法的简写:

  对document.getElementById定义一个短名称,稍微熟悉JS的朋友都知道这个方法。在这里它可以发挥双倍的作用,如下例:

[javascript] view plaincopy
  1. var $id=document.getElementById;  
  2. $Id(‘iframe的ID‘).contentWindow.$Id(‘元素的ID‘)  //这样就得到了要取的对象  

转自:http://blog.csdn.net/theforever/article/details/6126635

【转】获取/设置IFRAME内对象元素的几种JS方法

原文:http://www.cnblogs.com/dhsx/p/4803178.html

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