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

时间：2021-12-07 15:42:46

１。IE专用(通过frames索引形象定位)： document.frames[i].document.getElementById('元素的ID');

２。IE专用(通过IFRAME名称形象定位)： document.frames['iframe的name'].document.getElementById('元素的ID');

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

３。通用方法： document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID') 　　注意要加上contentWindow，往往出现问题都是因为这个容易被忽略，它代表FRAME和IFRAME内部的窗口对象。

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

４。通用方法的简写：

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

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

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

相关文章