微信小程序是一个基于 JavaScript 的前端框架，用于开发移动端应用。与传统的 Web 开发不同，微信小程序有自己的特点和限制。在获取 DOM 元素方面，也是如此。
为什么微信小程序不支持 document.querySelector()
在传统的 Web 开发中，document.querySelector() 是一个常见的方法，用来获取页面中的元素。然而，在微信小程序中，这个方法并不能正常工作。这是因为微信小程序的渲染机制与传统的 Web 页面不同。
微信小程序使用了自己的渲染引擎，称为 "WXS" (WeXin Script)。这个引擎负责将 JavaScript代码转换成微信小程序可以理解的格式。在这种情况下，document.querySelector() 并不能正常工作，因为它是基于传统 Web 页面的 DOM 模型。
微信小程序内置的获取元素方法
那么，如何在微信小程序中获取 DOM 元素呢？答案是使用 wx.createSelectorQuery() 方法。这个方法允许你创建一个选择器查询对象，用来获取页面中的元素。
下面是一个例子：
```javascriptconst query = wx.createSelectorQuery();
query.select('.my-class').fields({
node: true,
size: true,
}, (res) => {
console.log(res);
});
```
在这个例子中，我们使用 wx.createSelectorQuery() 方法创建一个选择器查询对象。然后，我们使用 select() 方法指定要获取的元素类名为 ".my-class" 的元素。
fields() 方法允许你指定要获取的元素属性，例如 node (元素本身)、size (元素大小) 等。在这个例子中，我们指定了 node 和 size 属性。
最后，我们使用回调函数 (res => { ... }) 来处理获取到的元素信息。
第二种方法：给想要使用的对象绑定事件
除了使用 wx.createSelectorQuery() 方法外，微信小程序还提供了一种另一种方式来获取 DOM 元素。这种方式是通过给想要使用的对象绑定事件，然后输出 e 对象，就能拿到该对象的一些信息。
下面是一个例子：
```javascript
Page({
handleTap(e) {
console.log(e);
},
});
```
在这个例子中，我们定义了一个 view 元素，并给它绑定了 tap事件。然后，在 Page 对象中，我们定义了一个 handleTap() 函数，这个函数会被触发当用户点击 view 元素时。
在 handleTap() 函数中，我们使用 e 对象来获取元素信息，例如 target (目标元素)、currentTarget (当前元素) 等。
总结
微信小程序提供了两种方式来获取 DOM 元素：一种是使用 wx.createSelectorQuery() 方法，另一种是给想要使用的对象绑定事件，然后输出 e 对象。每种方法都有其特点和应用场景。通过了解这些信息，你可以更好地开发微信小程序应用。
