uni app怎么获取dom节点

前言

uni-app 是一款基于 Vue.js 的开发框架，它支持一次编写，多端运行的特点，可以在多个平台上使用相同的代码进行开发。在开发过程中，我们有时需要获取 DOM 节点来进行一些操作，比如获取元素的属性、样式，或者绑定事件等。本文将介绍在 uni-app 中如何获取 DOM 节点。

获取单个元素

在 uni-app 中，可以使用原生的 JavaScript 方法来获取 DOM 元素。最常用的方法是使用 querySelector。这个方法接收一个参数，即 CSS 选择器，返回第一个匹配到的元素。以下是一个示例：

// 获取 id 为 myElement 的元素
var element = document.querySelector('#myElement');
console.log(element);

上述代码会在控制台打印出获取到的元素。通过获取到的元素，你可以进一步操作这个 DOM 节点。

获取多个元素

如果需要获取多个符合条件的元素，可以使用 querySelectorAll 方法。这个方法也接收一个参数，即 CSS 选择器，返回一个 NodeList 对象，其中包含所有匹配到的元素。以下是一个示例：

// 获取 class 为 myElements 的元素列表
var elements = document.querySelectorAll('.myElements');
console.log(elements);

上述代码会在控制台打印出一个 NodeList 对象。你可以使用索引来访问其中的元素，比如 elements[0] 表示第一个元素。

总结

通过使用 querySelector 和 querySelectorAll 方法，我们可以在 uni-app 中方便地获取 DOM 节点。这些方法可以根据 CSS 选择器来定位元素，并返回一个或多个节点，供我们进一步操作和使用。需要注意的是，获取到的节点是原生的 DOM 对象，可以使用相关的属性和方法进行操作。