小程序js怎么获取class

时间:2025-01-29 23:53:56 单机游戏

在小程序的JavaScript中,获取元素的class名称可以通过以下几种方法:

使用`wx.createSelectorQuery()`

通过`wx.createSelectorQuery()`可以选取页面中的元素,并获取它们的class名称。

示例代码:

```javascript

Page({

onReady: function () {

const query = wx.createSelectorQuery();

query.select('.my-class').boundingClientRect(function (res) {

console.log(res.class); // 输出: my-class

}).exec();

}

});

```

使用`wx.createSelectorQuery().select()`

通过`wx.createSelectorQuery().select()`可以选取页面中的元素,并获取它们的class名称。

示例代码:

```javascript

Page({

onReady: function () {

const query = wx.createSelectorQuery();

query.select('.my-class').fields({ node: true, size: false }).exec((res) => {

console.log(res.node.classList); // 输出: my-class

});

}

});

```

使用`wx.createSelectorQuery().exec()`

通过`wx.createSelectorQuery().exec()`可以选取页面中的元素,并获取它们的class名称。

示例代码:

```javascript

Page({

onReady: function () {

const query = wx.createSelectorQuery();

query.select('.my-class').exec((res) => {

console.log(res.classList); // 输出: my-class

});

}

});

```

这些方法可以帮助你在小程序中获取元素的class名称。根据具体需求选择合适的方法即可。