正确做法是在layer.open的success回调中调用layer.getChildFrame('body', index)获取子页jQuery对象再操作DOM，因该回调确保iframe已加载完成且可访问；若子页使用Vue/React等框架，应调用其暴露的方法而非直接修改DOM。
layer.open 用 success 回调获取子 iframe 的 body 并操作 DOM
父页不能直接用 $('#iframe').contents() 拿子页 dom，因为 iframe 加载异步、跨域拦截、jquery ready 时机不一致。正确入口是 layer.open 的 success 回调 —— 它在 iframe 加载完成且可访问时触发。
常见错误现象：layer.getChildFrame('body', index) 返回空或报错；find('input') 找不到元素；赋值后子页表单没反应（比如 Vue 绑定的 input 不更新）。
-
success回调里必须先用layer.getChildFrame(selector, index)获取子页 jQuery 对象，selector推荐写'body'或具体容器如'#form-wrap'，别写'html'（可能跨浏览器不一致） - 拿到子页 DOM 后，直接用
.val()、.text()、.html()赋值，但注意：如果子页用了 Vue/React，这些操作只改 DOM，不触发响应式更新 —— 此时应改用子页暴露的 API 方法，而不是硬塞 DOM - 若子页有延迟渲染（比如下拉框由 AJAX 填充），
success回调里操作可能仍太早；可加setTimeout等一小会儿，或让子页主动发postMessage通知“准备就绪” - 不要在
success里反复调用layer.getChildFrame—— 每次都重新查 iframe，性能差且易因 iframe 重载失效
子页面 DOM 加载完成后，父页通过 window.name 定位并操作
window.name 是 iframe 唯一稳定标识，比 index 更可靠 —— 尤其当多个弹层同时存在、或用户快速开关时，index 可能错乱或被回收。
关键点在于：子页加载完后，父页用 layer.getFrameIndex(window.name) 拿到当前 iframe 的 layer index，再传给 layer.getChildFrame。
- 父页定义一个函数，比如
function setChildValue(name, value) { const idx = layer.getFrameIndex(name); if (idx > 0) { const $body = layer.getChildFrame('body', idx); $body.find('[name="title"]').val(value); } } - 子页 JS 里确保
window.name已设置（Layui 默认设为随机字符串，可用document.write('<script>window.name="editForm"</script>')覆盖，或在子页里直接写<script>window.name = "editForm"</script>） - 这个方式绕开了
index生命周期问题，但前提是子页没重定向（重定向会清空window.name）
用 parent.layui.layer.getchildframe 替代 getChildFrame 避免 jQuery 依赖
如果你的项目已弃用 jQuery，或子页没引入 jQuery，layer.getChildFrame 会报错 —— 它底层依赖 jQuery 实例。此时得用原生方式穿透 iframe。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
真正能跨框架取 DOM 的只有 parent.layui.layer.getchildframe(index)，它返回的是原生 HTMLIFrameElement.contentDocument，不是 jQuery 对象。
- 调用方式：
const doc = parent.layui.layer.getchildframe(index).contentDocument;，然后用doc.querySelector('input[name="id"]')拿元素 - 注意：必须同域，否则
contentDocument为空，控制台静默失败（无报错提示） - 赋值后若需触发事件（比如让日期控件重绘），得手动
dispatchEvent(new Event('input', { bubbles: true }))，否则部分组件不响应 - 别用
document.getElementById直接查 iframe 内元素 —— iframe 不在父页 DOM 树里，查不到
为什么直接操作子页 DOM 容易失效
表面看是“赋值没生效”，实际常是三个隐性原因叠加：子页框架拦截、执行时机错位、DOM 移动污染。
- Vue/React/Angular 页面对
input.value = 'xxx'不敏感，它们监听的是input事件，不是属性变更 —— 必须手动触发input或change事件 - 子页用了
defer或模块化加载（如 ES Module），success回调执行时 JS 还没解析完，DOM 存在但逻辑未挂载 - 父页用
content: document.getElementById(...)方式打开弹层时，该 DOM 已被移走，子页 iframe 里根本不存在那个节点 —— 别混淆 “iframe 弹层” 和 “DOM 元素弹层” 两种模式
最稳的路径不是“强行塞值”，而是让子页暴露方法（如 window.setFormData = function(data){...}），父页在 success 里调用它 —— 把控制权交还给子页上下文。
