DDR爱好者之家

快速获取/设置iframe内对象元素的几种js实现方法
站长资源 2024/11/29 佚名
68 1538
DDR爱好者之家 Design By 杰米

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的朋友都知道这个方法。在这里它可以发挥双倍的作用，如下例：

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

在这一点上，我还是喜欢IE的做法，比较呵护。因为微软不是一个单独的浏览器开发商，它本身也要大量地编写开发HTML/ASP等文档，所以比较能够做到这一点。而其它的浏览器开发商，基本只是站在一个浏览器的立场，把最基本的链路走通就完事了，很少站在开发者立场去设计出一些类似这样既简便又不失语义化的捷径来。很多人动辄说它们“标准”，在有些地方固然有理，但在有些地方，这种标准也不过是一种冷漠。

以上这篇快速获取/设置iframe内对象元素的几种js实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米