收藏
回答

微信小程序怎么获取某元素的 padding-top?

我在使用 mpvue 开发微信小程序,调试基础库3.5.1。想获取一个 div 的 padding-top,请问用什么方法?

文档里看到 NodesRef.boundingClientRect(function callback),但是参数 res 里没有 padding-top。

回答关注问题邀请回答
收藏

1 个回答

  • 🍎
    🍎
    09-08

    微信小程序中,可以使用 wx.createSelectorQuery 来获取某个元素的样式属性,包括 padding-top。这个 API 允许你通过选择器查询节点信息,类似于浏览器中的 document.querySelector。


    Page({

      getPaddingTop() {

        // 创建节点选择器

        const query = wx.createSelectorQuery();


        // 选择带有 #myElement 的元素

        query.select('#myElement').fields({

          computedStyle: ['paddingTop']  // 获取计算后的样式属性 paddingTop

        }, function (res) {

          console.log(res.paddingTop); // 输出 padding-top 的值

        }).exec();

      },


      onLoad() {

        // 页面加载时调用函数

        this.getPaddingTop();

      }

    });

    09-08
    有用
    回复 1
    • 悦仔
      悦仔
      发表于移动端
      09-08
      原来是要用fields方法,我试试,多谢指教!
      09-08
      回复
登录 后发表内容