在微信小程序中，修改DOM的操作主要是通过数据绑定和wx:if/wx:else等指令来实现的，而不是直接操作DOM节点。以下是一些常见的方法：
数据绑定
通过在wxml文件中使用双大括号`{{ }}`来绑定数据，然后在对应的class或style中应用这些数据。例如：
```html
{{item.text}}
```
通过`this.setData（）`方法来更新数据，从而触发界面的重新渲染。例如：
```javascript
Page（{
data: {
items: [
{ text: 'Item 1', active: false },
{ text: 'Item 2', active: true },
{ text: 'Item 3', active: false }
]
},
toggleActive: function（e） {
const index = e.currentTarget.dataset.index；
this.setData（{
items: this.data.items.map（（item, i） => {
if （i === index） {
item.active = !item.active；
}
return item；
}）
}）；
}
}）；
```
wx:if/wx:else
使用这些指令来根据条件显示或隐藏DOM元素。例如：
```html
{{item.text}}
Default content
```
wx.createSelectorQuery
通过这个API可以获取页面中的DOM元素，并进行一些操作。例如：
```javascript
Page（{
onReady: function（） {
const query = wx.createSelectorQuery（）；
query.select（'myElement'）.boundingClientRect（）；
query.exec（function（res） {
console.log（res.top）；
}）；
}
}）；
```
修改样式
可以通过修改data中的属性来改变元素的样式，然后在wxml中绑定这些属性。例如：
```html
{{item.text}}
```
或者通过`wx.createSelectorQuery`获取元素并修改其样式。例如：
```javascript
Page（{
onReady: function（） {
const query = wx.createSelectorQuery（）；
query.select（'myElement'）.fields（{ node: true, size: true }）.exec（function（res） {
const node = res.node；
const height = res.height；
node.style.height = height + 'px'；
}）；
}
}）；
```
总结
在微信小程序中，修改DOM的最佳实践是通过数据绑定和条件渲染来实现，而不是直接操作DOM节点。这样可以保持代码的可维护性和性能。如果确实需要操作DOM，可以使用`wx.createSelectorQuery`来获取元素并进行操作，但这种情况相对较少。