uniapp怎么遍历节点更改样式

在uniapp中，可以使用`this.$refs`获取到组件的引用，然后通过遍历节点的方式来更改样式。

假设我们有一个页面，其中有一个`<view>`组件，我们想要遍历`<view>`组件的所有子节点，然后将它们的背景颜色设置为红色，代码如下：

<template>
  <view ref="myView">
    <view>子节点1</view>
    <view>子节点2</view>
    <view>子节点3</view>
  </view>
</template>

<script>
export default {
  mounted() {
    this.traverseNodes(this.$refs.myView.$el);
  },
  methods: {
    traverseNodes(node) {
      if (node.nodeType === 1) { // 判断是否为元素节点
        node.style.backgroundColor = 'red';
      }
      if (node.childNodes && node.childNodes.length > 0) { // 判断是否有子节点
        for (let i = 0; i < node.childNodes.length; i++) {
          this.traverseNodes(node.childNodes[i]);
        }
      }
    }
  }
}
</script>

在`mounted`生命周期中，我们调用`traverseNodes`方法，并将`$refs.myView.$el`传入。`traverseNodes`方法接收一个节点参数，如果该节点是元素节点，则将其背景颜色设置为红色，然后遍历该节点的子节点，对每个子节点递归调用`traverseNodes`方法。

需要注意的是，如果子节点也是组件，需要在组件内部实现遍历节点并更改样式的逻辑。