0 0

父级框架获取子级框架元素的属性(兼容问题)0

alert(document.getElementById("floating_iframe").contentWindow.document.getElementById("floating_content").getAttribute("width"));

 我是这样写的,但是 只在 IE 下面可以获取到值,火狐和谷歌均获取不到

那位好心人教教我,先谢谢了。

2013年2月11日 13:53

1个答案 按时间排序 按投票排序

0 0

你可以尝试下使用jquery,例如
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <iframe src="http://api.jquery.com/" width="80%" height="600" id='frameDemo'></iframe>
<script>$("#frameDemo").contents().find("a").css("background-color","#BADA55");</script>

</body>
</html>

2013年2月11日 19:26

相关推荐

    选中一级复选框,相关二级或父级同时被选,取消也是

    - **兼容性和可维护性**:考虑到不同浏览器的兼容性问题,以及未来可能的代码重构,使用原生JavaScript或框架提供的API会更加稳健。 ### 总结 多级复选框联动是前端开发中一个常见但又相对复杂的任务,涉及到DOM...

    js中top parent frame概述及案例应用.docx

    这些对象构成了一个层级结构,Window对象是顶级的,它包含了所有的父级(Parent)和子级(Frame)对象。`parent`是从当前窗口(frame)到其直接上级窗口的引用,而`top`是从当前窗口到最顶层窗口的引用。`frame`则...

    火狐和IE支持javaScript脚本的一些区别

    在Firefox中,可以使用`getAttribute()`方法来获取元素的属性值,而在IE中,虽然也支持这种方法,但在某些情况下,直接使用属性名可能更方便。 ### 10. DOM节点的父级和子级 在处理DOM节点的父级和子级时,IE与...

    easyui树 改变联动关系,选择父,同时选择子;子全部取消,父不取消

    关于兼容性问题,你提到在IE和谷歌浏览器上都未发现不兼容现象。这表明这个联动关系的实现是跨浏览器的,对于不同浏览器的兼容性处理做得较好。不过,为了确保在更多浏览器环境下正常工作,通常还需要测试Firefox、...

    layui_修改了树型结构的父选项与子选项关联的问题.rar

    LayUI的每个版本都有可能修复已知问题并引入新的功能,因此,当遇到问题时,检查并升级到最新版本通常是解决兼容性和错误的有效方法。 在LayUI的树形组件中,数据通常是以JSON格式传递,每个对象代表一个节点,包含...

    无限下拉框级联

    这些数据通常以JSON格式传输,包含父级ID和子级列表等信息。 2. **异步加载**:为了优化性能,只在用户需要时加载下级数据。这通常通过监听输入框的`change`或`keyup`事件来触发。 3. **DOM操作**:使用JS操作DOM...

    amis前端低代码框架-其他

    父级有缩放比时弹框宽度计算问题修复;Date 快捷键支持上月底autoFill 支持多选CRUD 的 toolbar 默认不再将最后一个组件放右边接口兼容多种 json 返回格式CRUD filterable 判断是否选中不要那么严格Button-Group ...

    三级联动菜单

    在IT行业中,三级联动菜单是一种常见的交互设计...在实际应用中,还需要关注无障碍性、性能优化以及与其他组件的兼容性等问题,以提供更优质的用户体验。在项目实践中,不断学习和优化,才能更好地应对各种需求和挑战。

    jQuery资料

    4. **DOM遍历**: `parent()`, `children()`, `siblings()`等方法用于查找元素的父级、子级或同级元素。 5. **数据绑定`: `.data()`, `.removeData()`用于在元素上存储和检索数据。 ### 三、jQuery与现代JavaScript...

    Ajax实现下拉列表从数据库读取数据级联

    实际应用中,你可能需要考虑错误处理、数据验证、性能优化(如使用缓存)以及兼容不同浏览器等问题。此外,随着前端框架的发展,现代Web开发中可以使用Vue、React或Angular等框架来更高效地实现这样的功能。

    分级选中的CheckBox复选框

    - 对于半选状态的支持,不同的浏览器可能有不同的实现方式,需要特别注意兼容性问题。 - 在处理大量数据时,需考虑性能优化,避免因递归调用导致的性能瓶颈。 #### 五、总结 通过对提供的示例代码进行分析,我们...

    css,js实现多级下拉列表

    但请注意,实际开发中可能还需要考虑更多的细节,比如响应式设计、无障碍性(accessibility)以及与其他库或框架的兼容性等问题。 在压缩包中的"下拉列表.html"文件,应该包含了这些代码的完整实现,你可以下载并...

    菜单js特效, 仿flash(横向导航和竖向导航)

    - 设计HTML结构:构建菜单的基本框架,包括父级和子级菜单项。 - 编写CSS样式:设置菜单的基础样式,如布局、颜色、字体等。 - 编写JavaScript代码:添加交互逻辑,如响应鼠标事件,处理动画效果。 - 测试与优化...

    jquery模拟多级复选框效果的简单实例

    这可以通过获取点击的复选框(`evtEle`),然后找到其父元素的下一个同级元素(`.checks`)中的所有子孙复选框,并设置它们的`checked`属性为`true`或`false`来实现。示例代码如下: ```javascript evtEle.parent...

    无刷新二级联动树,数据库版,无刷新选择框,数据库版

    在IT领域,无刷新二级联动树是一种常见的交互设计模式,主要应用于网页开发中,尤其是在数据管理、筛选或导航系统中...在实际开发中,还需要考虑到性能优化、错误处理和兼容性等问题,以确保在各种环境下都能稳定运行。

    JavaScript+CSS无限极分类效果完整实现方法

    JavaScript代码通过监听父级分类的点击事件,根据当前的状态(展开或折叠),动态地修改子级分类UL元素的显示状态。当用户点击一个父级分类时,如果当前是折叠状态,则显示其子级UL元素,否则隐藏它。同时,为了防止...

    用Atlas实现控件的无刷新效果

    本文将详细讲解如何利用Atlas框架来实现控件的无刷新效果,特别是针对级联菜单和其他控件的实现。 首先,Atlas是微软开发的一个用于构建AJAX应用的JavaScript库,它为ASP.NET提供了丰富的客户端API,使得开发者可以...

    Vue常见问题及解决

    Vue 是一个强大且灵活的前端框架,但是在开发过程中,我们经常会遇到一些常见的问题和错误。本文将总结一些常见的 Vue 问题及解决方法,以帮助开发者更好地使用 Vue。 后台报错及修改方式 1.1. Invalid prop: type...

    IIS8.5 配置错误提示不能在此路径中使用此配置节的解决办法

    这就意味着,如果父级配置文件(如上级目录的web.config)或web.config文件本身中存在overrideMode="Deny"或allowOverride="false"这样的设置,则子目录或子级web.config文件中的相应配置节将无法使用。 在本例中,...

Global site tag (gtag.js) - Google Analytics