js 如何获取页面元素 和页面元素的位置

document.querySelector("#box")  // h5的获取元素

wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){  // 微信小程序的获取元素位置

      rect.id      // 节点的ID

      rect.dataset // 节点的dataset

      rect.left    // 节点的左边界坐标

      rect.right   // 节点的右边界坐标

      rect.top     // 节点的上边界坐标

      rect.bottom  // 节点的下边界坐标

      rect.width   // 节点的宽度

      rect.height  // 节点的高度

    }).exec()

鸿蒙
开发
JavaScript
2021-09-17 14:40:26
浏览
已于2021-9-17 15:02:32修改
2
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
似鸿风
2

参考下:https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-methods-0000001051151142

在页面取搜索this.$element('id').getBoundingClientRect()。

分享
微博
QQ
微信
回复
2021-09-17 16:51:33
战场小包
1

getBoundingReact方法可以获取元素位置

分享
微博
QQ
微信
回复
2022-05-13 10:18:00
相关问题
HMOS区隔元素模板在哪儿?
814浏览 • 1回复 待解决
js能跳转到java写页面
5880浏览 • 1回复 待解决
应用开发中CSS不支持伪元素吗?
2082浏览 • 1回复 待解决
服务卡片如何跳转到指定页面呢?
1392浏览 • 1回复 待解决
鸿蒙-如何打开跳转WLAN设置页面
4753浏览 • 1回复 待解决
鸿蒙-如何打开跳转GPS设置页面
10378浏览 • 1回复 待解决
鸿蒙tablist 如何通过滑动切换页面
1769浏览 • 1回复 待解决
鸿蒙中页面的context如何拿到
9630浏览 • 3回复 待解决
如何更新页面列表数据
2892浏览 • 1回复 待解决
如何跳转到应用市场app下载页面
1727浏览 • 1回复 待解决
页面之间跳转方式怎么设置
1828浏览 • 1回复 待解决
鸿蒙系统-如何跳转应用信息详情页面
4695浏览 • 2回复 待解决
fraction 添加fraction 页面报错了
1742浏览 • 3回复 待解决
鸿蒙开发保存页面到相册
578浏览 • 1回复 待解决
如何判断音频焦点获取丢失?
1783浏览 • 1回复 待解决