uniappdom节点操作

UniApp 是一个跨平台的开发框架，可以使用一套代码开发同时运行在多个平台上，包括小程序、H5、App 等。在 UniApp 中，DOM 节点操作和传统的 Web 开发有一些不同之处。

UniApp 主要使用 Vue.js 来进行开发，所以你可以使用 Vue 的指令和方法来进行 DOM 节点操作。下面是一些常见的 DOM 节点操作方法：

1. 通过 ref 获取节点：在模板中使用 ref 属性来给元素添加一个唯一的标识，然后通过 this.$refs 来获取该节点的引用。例如：

   <div ref="myDiv">这是一个 DOM 节点</div>

   this.$refs.myDiv // 获取节点引用

2. 修改节点属性：可以通过 Vue 的数据绑定来修改节点的属性。例如：

   <div :class="{'active': isActive}">动态类名</div>

   data() {
     return {
       isActive: false
     }
   },
   mounted() {
     this.isActive = true; // 修改节点的类名
   }

3. 添加/移除节点：可以使用 v-if 和 v-show 指令来控制节点的显示与隐藏。例如：

   <div v-if="show">这是一个条件渲染的节点</div>

   data() {
     return {
       show: true
     }
   },
   methods: {
     toggleNode() {
       this.show = !this.show; // 切换节点的显示与隐藏
     }
   }

4. 使用事件监听：可以使用 v-on 指令来添加事件监听器。例如：

   <button @click="handleClick">点击我</button>

   methods: {
     handleClick() {
       console.log('按钮被点击了');
     }
   }

这些只是一些常见的 DOM 节点操作方法，UniApp 还提供了更多的 API 和指令来进行节点操作，你可以根据具体的需求进行深入学习和使用。