但是我用的uniapp怎么获取iframe的dom
时间: 2023-11-28 18:05:58 浏览: 171
Jquery方式获取iframe页面中的 Dom元素
在uni-app中,你可以使用`uni.createSelectorQuery`方法来获取`iframe`内部的DOM元素。以下是一个示例代码:
```javascript
// 获取iframe元素
var iframe = uni.createSelectorQuery().select('#your-iframe-id');
// 等待iframe加载完成
iframe.boundingClientRect(function(rect) {
// 获取iframe内部的DOM元素
uni.createSelectorQuery().in(iframe).selectAll('.your-element-class').boundingClientRect(function(elements) {
// elements中包含了iframe内部指定类名的元素信息
console.log(elements);
}).exec();
}).exec();
```
在上面的代码中,我们首先使用`uni.createSelectorQuery().select()`方法获取到目标`iframe`元素,然后使用`.boundingClientRect()`方法等待`iframe`加载完成并获取其位置信息。接下来,我们再次使用`uni.createSelectorQuery()`方法,并使用`.in(iframe)`指定在`iframe`内部进行选择。最后,我们使用`.selectAll('.your-element-class')`方法选择指定类名的元素,并使用`.boundingClientRect()`方法获取元素的位置信息。
请注意,以上代码仅适用于uni-app框架,并且需要确保在`iframe`加载完成后才能执行查询操作。
阅读全文