在小程序的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名称。根据具体需求选择合适的方法即可。