layui如何获取父节点的父节点_layui框架中layer父子页面交互详解
时间: 2023-11-07 19:12:16 浏览: 127
layui框架中layer父子页面交互的方法分析
在layui框架中,可以使用父页面的window对象来获取父节点的父节点。具体做法如下:
1. 在子页面中,通过 `window.parent` 获取父页面的window对象。
2. 在父页面的window对象中,通过 `window.parent` 再次获取父节点的window对象。
3. 在父节点的window对象中,通过 `document.getElementById()` 或其他DOM操作方法获取父节点的父节点。
示例代码如下:
在子页面中获取父节点的父节点:
```
var grandParentNode = window.parent.parent.document.getElementById('grand-parent-node-id');
```
在父页面中获取子页面的DOM元素:
```
// 子页面中的DOM元素ID
var childNodeId = 'child-node-id';
// 获取子页面的window对象
var childWindow = document.getElementById('iframe-id').contentWindow;
// 在子页面的window对象中获取DOM元素
var childNode = childWindow.document.getElementById(childNodeId);
```
阅读全文