微信小程序获取元素style，让很多个元素成隐藏变为显示

在微信小程序中，获取元素的样式通常是通过调用微信小程序提供的API来完成的。微信小程序不支持直接通过类似Web开发中的`document.querySelector`等DOM操作，因为它运行在一个轻量级的JavaScript框架上，而不是直接在浏览器中运行。

如果你想要隐藏或显示多个元素，你可以使用小程序提供的`wx.createSelectorQuery()`方法来查询节点信息，并通过节点信息来设置样式。以下是一个基本的操作示例：

// 在onReady或onLoad生命周期内使用
wx.createSelectorQuery().select('element-id').boundingClientRect(function(rect) {
  // rect 是一个包含元素尺寸信息的数组，此时可以获取到元素的样式
  // 根据rect中的信息来操作元素的显示或隐藏
}).exec();

为了将多个元素从隐藏变为显示，你首先需要知道这些元素的ID或者其他可查询的信息。然后，你可以通过设置元素的`display`样式属性来改变其可见性。例如，如果你想将所有的`.hidden`类的元素变为显示状态，可以这样做：

const query = wx.createSelectorQuery();

// 假设你已经知道所有需要操作的元素的选择器
const allElements = ['element-id1', 'element-id2', 'element-id3'];

// 查询所有元素节点
query.selectAll(allElements).boundingClientRect(function(rects) {
  // 遍历rects，rects是一个数组，包含了每个元素的尺寸信息
  for (let i = 0; i < rects.length; i++) {
    const element = rects[i];
    if (element) {
      // 设置元素的display属性为flex（或者其他你希望的显示方式）
      // 注意：微信小程序不支持直接在选择器查询结果上调用style方法
      // 所以你需要通过setStyle方法或者修改其绑定的数据来间接改变样式
      wx.createSelectorQuery().select(element.dataset.ref).style({
        display: 'flex', // 假设你的元素绑定到了dataset.ref属性
      }).exec();
    }
  }
}).exec();

这里需要注意的是，微信小程序的页面结构是使用WXML编写的，它和HTML不同，不支持直接在JavaScript中操作样式。如果你需要根据数据来控制样式的变化，你应该通过改变对应的数据模型来间接地影响WXML中元素的显示状态。