AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Layui 内置方法 - layer.getChildFrame( 获取iframe页的DOM)

2023-10-24 470
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Layui 内置方法 - layer.getChildFrame( 获取iframe页的DOM)

当你试图在当前页获取iframe页的DOM元素时，你可以用此方法,selector即iframe页的选择器。

layer.open({
  type: 2,
  content: 'test/iframe.html',
  success: function(layero, index){
    var body = layer.getChildFrame('body', index);
    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
    console.log(body.html()) //得到iframe页的body内容
    body.find('input').val('Hi，我是从父页来的')
  }
});
文章标签：
JavaScript
关键词：
方法dom
dom iframe
阿甘兄
目录
相关文章
你挚爱的强哥
|
7月前
|
JavaScript
怎么判断两个文档节点、网页元素(element)是否相同？判断两个DOM节点是否相等、相同的4种方法
怎么判断两个文档节点、网页元素(element)是否相同？判断两个DOM节点是否相等、相同的4种方法
你挚爱的强哥
124 0
我是快乐的嘟嘟
|
1月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
我是快乐的嘟嘟
94 49
龙大吉
|
1月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
龙大吉
47 5
光明顶阳顶天
|
2月前
|
缓存 编解码 JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之，优化 DOM 和 BOM 的性能需要综合考虑多个方面，通过合理的设计和技术手段，提升项目的运行效率和用户体验。在实际开发中，要不断地进行性能优化实践，以适应不断变化的需求和技术发展。
光明顶阳顶天
44 7
大树营养快线
|
1月前
|
JavaScript 前端开发 API
除了事件委托，还有哪些处理大量 DOM 元素的方法？
【10月更文挑战第29天】
大树营养快线
39 0
游客44yag4ft7nckq
|
7月前
|
XML JavaScript 前端开发
XML DOM - 属性和方法
XML DOM通过属性（如nodeName、nodeValue、parentNode、childNodes和attributes）和方法提供编程接口，让开发者用JavaScript等语言以节点方式交互XML。属性描述节点信息，方法执行操作，如删除节点。
游客44yag4ft7nckq
49 5
游客44yag4ft7nckq
|
7月前
|
XML JavaScript 前端开发
属性和方法向 XML DOM 定义了编程接口
XML DOM 提供编程接口，通过属性和方法操作XML结构。使用JavaScript等语言，可访问和修改节点。属性如nodeName、nodeValue揭示节点信息，方法如getElementsByTagName、appendChild、removeChild实现查找、添加和删除节点功能。节点对象x的应用示例贯穿其中。
游客44yag4ft7nckq
41 0
Li370234940
|
2月前
|
JavaScript 前端开发
DOM的概念？获取html元素的方法有哪些？
DOM的概念？获取html元素的方法有哪些？
Li370234940
38 0
乐多_L
|
4月前
|
JavaScript 前端开发
DOM的概念？获取html元素的方法有哪些？
DOM的概念？获取html元素的方法有哪些？
乐多_L
48 0
sunrr
|
6月前
|
JavaScript 前端开发
DOM操作有哪些方法可以改变元素的样式？
【6月更文挑战第30天】DOM操作有哪些方法可以改变元素的样式？
sunrr
49 2

热门文章

最新文章

  • 1
    DOM（文档对象模型）和 BOM（浏览器对象模型）
  • 2
    在跨平台虚拟 DOM 框架中处理动画效果
  • 3
    js中DOM的基础方法
  • 4
    跨平台的虚拟 DOM 实现方式
  • 5
    .js的dom元素操作
  • 6
    框架为什么要设计虚拟 dom？
  • 7
    JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
  • 8
    DOM 和 BOM 在项目中应用时的性能优化方法
  • 9
    虚拟 DOM 如何提高应用的性能？
  • 10
    写一个使用事件委托处理大量 DOM 元素的案例
  • 1
    JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
    47
  • 2
    虚拟 DOM 如何提高应用的性能？
    42
  • 3
    虚拟 DOM 是如何避免频繁重绘的？
    33
  • 4
    判断哪些数据的变化需要触发虚拟 DOM 的更新
    26
  • 5
    js中DOM的基础方法
    94
  • 6
    .js的dom元素操作
    59
  • 7
    除了事件委托，还有哪些处理大量 DOM 元素的方法？
    39
  • 8
    写一个使用事件委托处理大量 DOM 元素的案例
    43
  • 9
    在跨平台虚拟 DOM 框架中处理动画效果
    109
  • 10
    跨平台的虚拟 DOM 实现方式
    59

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)